search

mysticsymbolic / mysticsymbolic.github.io

Fun with procedurally generated visionary art!
https://mysticsymbolic.art/
Other
52 stars 11 forks source link

Mock-ups of future visions #50

Open ninapaley opened 3 years ago

ninapaley commented 3 years ago

I will create some mock-ups of the sort of color images I envision MysticSymbolic creating, to help guide the project.

ninapaley commented 3 years ago

FWIW I have registered mystic-symbolic.art, mystic-symbolic.com, and mysticsymbolic.com in addition to the original mysticsymbolic.art, because they were all inexpensive and might as well cover my bases.

ninapaley commented 3 years ago

OK, here's a first, simple mock-up: mockup1_3

The background could be generated by the Landscape Generator (issue #31 ). The symbol colors could be generated by #27 , Colorways for Symbols, if we ever figure that out. I really only used two colors here, a tan and a purple, with a light and dark shade of each. The cloud animation is being worked on by @webaissance. I would like animated clouds to be integrate-able with symbols, as shown here: one cloud is in front, two are behind, giving the illusion the hand is emerging from the cloud. The cloud groups and the symbols are together moving gently up and down, an effect I hope can also be generated by the software. I animated the eye blinking. For this I used a MASK in Moho. Can we have animated masks in MysticSymbolic? Not many symbols need to be animated, perhaps none of them; there will be plenty of motion provided by animated backgrounds (waves, clouds, rays), and the up-and-down floaty motion shown here, and rotating mandalas, all of which can be generated in-program and therefore don't pose a storage problem. If @toolness can work with svg masking, that would be useful for animating eyeblinks. The animation itself is very simple. If this is a pain, I'm happy to drop it and focus on other things.

ninapaley commented 3 years ago

Another mock-up: mockup2_2 Here, the background is waves with a few hills stuck between them. The triskele rotates, and the triskele and hands together float up and down. 100% of the animation in this one can be generated by the software. Colors can and will get better as I make more of these.

ninapaley commented 3 years ago

Another one, showing what should be easy-peasy animation: the same uppy-downy-floaty movement, with the oroboros rotating. These are stuck between two layers of waves, making them appear to be in and emerging from the waves as they bob up and down. mockup3_2 Really we can get a lot of mileage from a "stock" up-and-down motion, and a rotation.

(We can also more easily change the colors in the program than I can in Moho, which is why the waves are all the same shades of blue in these mock-ups.)

ninapaley commented 3 years ago

I'm also thinking about logos. logo1 logo2 1 The font is Luminari Regular, which the interwebs tells me is a browser-safe standard. I figured that would make it more flexible, but maybe that's dumb. What do you think, @webaissance? Are there other "fantasy fonts" I should consider? If someday this thing can spit out animated gifs and other images, they can be marked like this: mockup2_logo This eye-in-the-sun design I chose could function as a stand-alone logo with no text, or have text, or whatevs. It can be arranged various ways: logo3 variation logo3 variation2

Or I could use a different symbol image, there are so many. Admittedly, these look like they were slapped together by a hippie at a computer, but that is kind of the vibe I'm going for.

webaissance commented 3 years ago

Those are wonderful Nina! I like the animated one - as it captures the spirit of the app... But of course they're all great.

-Dave

On Thu, Mar 18, 2021 at 2:08 PM Nina Paley @.***> wrote:

I'm also thinking about logos. [image: logo1] https://user-images.githubusercontent.com/79212762/111696403-455d8100-8802-11eb-9f61-ab313dfb6e5f.gif [image: logo2 1] https://user-images.githubusercontent.com/79212762/111696426-4d1d2580-8802-11eb-8fbd-39233618e50c.png The font is Luminari Regular, which the interwebs tells me is a browser-safe standard. I figured that would make it more flexible, but maybe that's dumb. What do you think, @webaissance https://github.com/webaissance? Are there other "fantasy fonts" I should consider? If someday this thing can spit out animated gifs and other images, they can be marked like this: [image: mockup2_logo] https://user-images.githubusercontent.com/79212762/111696536-6d4ce480-8802-11eb-8251-f038c98530ab.png This eye-in-the-sun design I chose could function as a stand-alone logo with no text, or have text, or whatevs. It can be arranged various ways: [image: logo3 variation] https://user-images.githubusercontent.com/79212762/111697567-b8b3c280-8803-11eb-91c8-9d285397d604.png [image: logo3 variation2] https://user-images.githubusercontent.com/79212762/111697580-bbaeb300-8803-11eb-9348-c69e840cb9ef.png

Or I could use a different symbol image, there are so many. Admittedly, these look like they were slapped together by a hippie at a computer, but that is kind of the vibe I'm going for.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/toolness/mystic-symbolic/issues/50#issuecomment-802300066, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABAURRGREJ6UGFGRGCLGMHTTEJTTRANCNFSM4ZI3BQLQ .

webaissance commented 3 years ago

As for the font - any font is fine. We can embed it. Or also just render it as an image...

On Thu, Mar 18, 2021 at 3:57 PM Dave Weaver @.***> wrote:

Those are wonderful Nina! I like the animated one - as it captures the spirit of the app... But of course they're all great.

-Dave

On Thu, Mar 18, 2021 at 2:08 PM Nina Paley @.***> wrote:

I'm also thinking about logos. [image: logo1] https://user-images.githubusercontent.com/79212762/111696403-455d8100-8802-11eb-9f61-ab313dfb6e5f.gif [image: logo2 1] https://user-images.githubusercontent.com/79212762/111696426-4d1d2580-8802-11eb-8fbd-39233618e50c.png The font is Luminari Regular, which the interwebs tells me is a browser-safe standard. I figured that would make it more flexible, but maybe that's dumb. What do you think, @webaissance https://github.com/webaissance? Are there other "fantasy fonts" I should consider? If someday this thing can spit out animated gifs and other images, they can be marked like this: [image: mockup2_logo] https://user-images.githubusercontent.com/79212762/111696536-6d4ce480-8802-11eb-8251-f038c98530ab.png This eye-in-the-sun design I chose could function as a stand-alone logo with no text, or have text, or whatevs. It can be arranged various ways: [image: logo3 variation] https://user-images.githubusercontent.com/79212762/111697567-b8b3c280-8803-11eb-91c8-9d285397d604.png [image: logo3 variation2] https://user-images.githubusercontent.com/79212762/111697580-bbaeb300-8803-11eb-9348-c69e840cb9ef.png

Or I could use a different symbol image, there are so many. Admittedly, these look like they were slapped together by a hippie at a computer, but that is kind of the vibe I'm going for.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/toolness/mystic-symbolic/issues/50#issuecomment-802300066, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABAURRGREJ6UGFGRGCLGMHTTEJTTRANCNFSM4ZI3BQLQ .

toolness commented 3 years ago

This is awesome! We should be able to do SVG masking--basically, as long as it's supported well across all browsers, which I am guessing it ought to be. But then again, a lot of cross-browser things about SVG have been surprising me lately, hehe.