■ The Quick Version - 2 words, Circle Packing.

■ The Maybe I'm Intrigued Version -

sound, manifestation of sound, Cymatics, star in a jar • Mandala, Antiquitech, Radiolarian, Chladni patterns - frequency, vibration, resonance • ice cream cone, donut, rose window, crest of chrysanthemum, Mr. He's jade, Tesla coil • Magnetism, Toroidal fields, Torus • Formation - diamond and graphite are both made of carbon • Compartmentalization to pattern, Circle Packing, Voronoi, Delaunay, grid... • Geometry, Fibonacci numbers, golden ratio • Bezier, wave, helix, vortex, loop • liquid, water, crystal, mercury, silicon, glass • Boids, swarming, flocking • Cellular automata, self assembling behavior • Fractal, Lichtenberg Figures, Mandelbrot, recursion (why? trees, lightning, rivers, blood veins... all grow the same way) • Polygon, polyhedron • symmetry, mirror image • Vortex Math, vortex, spiral • Shapes, shape modes, path finder • Deja vu, Doppelganger • Scaling, cropping (perspective is everything) • Force, filter • Noise, random, chaos • Particle, bling bling • Pixel, resolution, nano- • 0/1, B/W, Yin/Yang, lever, dualities, Schrödinger's cat • Peekaboo • Light, color, texture • Light, color, blend mode • Light, pixel, decode frequency, manifestation in 2d/3d • grid, weaving, knitting, embroidery, brocade, loom, looming, Jacquard machine • Color arrangement, color secrets.

■ An abundant number of explorations and expressions in Turnturn app only implement a few simple techniques of Circle Packing. And that abundant number being merely a tiny H2O molecule of an iceberg of possibilities.

■ You don't have to know anything above to start making interesting works with code. They are there simply to help us:

[ All We Need is a Little Splash of Color ] Tip Sharing A no-brainer color palette generator for countless design scenarios.

■ Use design tools to provide visual clues before applying certain code.

■ Use design tools to try on different layering techniques before applying certain code. 

What we need now is a light, responsive, durable, user friendly and gorgeous box to collect, categorize and display all the gorgeous candies we made. This box, with its own branding, will be recognized and transported by a specific distribution system so our sweethearts can reach more people. In the age of virtual reality, discussions regarding UI elements such as buttons, drag+drop, popup etc. seem a bit primitive. Hey does anybody remember Flash? That was a time when buttons didn't look like buttons and everywhere you touched triggered something unexpected :)

Turnturn does have buttons that look like buttons. But one of its unique features is to render a virtual piece of fashion item on a real, physical piece of fashion item, e.g. our mobile phone (the first Turn. Turn your phone around. To show the screen to other people). Ideally an eerily immersive feeling may be initiated when the physical movement between our bodies and our digital device is echoed by the imaginative dynamics between our bodies and a virtual fashion item (the second Turn. Quixotic. Turn into. Cosplay). Multiple effects of physics, for instance bounciness, collision detection, friction, inertia... added to fortify the sensory loop of the sought-after immersive feeling.

Fashion is UI (because we all can relate to it). User is everybody. Interface is everywhere. 
Fashion stirs up emotions, all kinds of emotions. Hence the irresistible magnetic pull. Magnetism includes attractive and repulsive forces. Their counterpart is not each other but apathy. Think impulse and impulse spending:) Pulse = heart beat/rate probably because electromagnetic force (from nature) is the life force of the universe*.

Code and fashion are like ice and fire. Code is abstract, rational, persistent. Fashion is materialized, sensual, and ephemeral. When put together, two forces collide. Voilà we create an imaginary magnetic field with sparks and drama. Just like the spiral lines in the magnetic vortex start to emerge, the electromagnetic vortex in our brains starts pulsating and whirling as synapses grow and neurons connect, which may be referred to as a brainstorm or we are having a brainstorming session...

All things are connected with each other by numbers (and our world has been operating on algorithms for decades). For virtual reality: number = position+color = pixel = everything. For our "reality": Nikola Tesla: "If you want to find the secrets of the universe, think in terms of energy, frequency and vibration" which are all numbers. "The hippies were right: It's all about vibrations, man"! Quantum Physics now recognizes physical atoms are actually made up of vortexes of energy that are constantly spinning and vibrating. "Everything is energy" since "atoms produce, emit and receive energy which operates at a specific frequency, even our emotions and thoughts have their own electromagnetic fields". Excerpts from The human body frequency.

Wow! So in our reality, everything is a waveform whereas in virtual reality everything is a pixel, restricted to a rigid dot. Curve is smile. Curve is desire. Curve is the essence of life. This beautiful sine wave separates us from the immaculate perfection of virtual reality... At any given point of time, millions of dots of possibilities are ignited while dancing and gliding through the smooth waves in harmony. Maybe something incredible happens in sync with this mysterious, constantly "in-flux" energy that renders our existence unique and meaningful? Is that the exhilaration people describe as "in the flow"? Everything is melody you want to rhythm, everything so fluent you fly high.

Check out some of the hottest colors from this season's lip gloss collection - Capricious Candy? Boujee? Euphoria? Cosmos? Let's Jam? - all of them glowing, shimmering and sparkling! One takeaway: color = light. Color + light = "new" color! A pixel = a super tiny dot of light (LED, LCD). Every pixel combined = optics, i.e. everything we see. Light reveals. Light conceals. If you watch a video of transformation before and after makeup, you'll be shocked by the magic of light, color and of course shadow.

Wherever light and shadow are in transition, we get the richest visual response to texture. One more takeaway: Light + shadow = texture. Light + texture is the ultimate elixir to harmonize the ensemble of all and sundry. They are to create the incredible layers of visual interest, haptic reassurance, depth of perspective, a hand-crafted vibe, a touch of one-of-a-kind uniqueness, a lush, imperfect and semi-palpable feeling that is not usually associated with the digital produce.

Back to cosmetics. There is a trend to have classic best sellers "reinvented" by adding a new novel feel/finish/texture, say silk, velvet, cream, jelly, honey, pearl, matte, lacquer, glass, metal, glaze, butter, pulp, yogurt, soufflé, sorbet, milk, sugar, glitter, powder, lace, feather, dew, mist, snow etc., as the main highlight to promote new collections. Tactile sensation makes new colors/products?

Code is a product of abstraction. Visualization of code is Reverse Engineering of code in some way. Just add water! "I see the visual... very cool... too much water... oozing out of the screen... wow code becomes Legos... is that R2-D2? Transformers? Oh no it's... phew! no more water lol..." Human beings are born to excel at image processing and visual recognition. The visual cortex is the largest system in our brain as images are processed 60,000 times faster than text. Our brain decodes energy, frequency, and vibration, all of which, down to every detail, are visualized and inventoried in the subconscious mind simultaneously without our awareness.

Code is about information transmission. It can be Morse code, Unicode, dress code, Cuneiform, Hieroglyphs, symbols, signs, icons, languages, body language, sign language, Emoji, Arabic numbers, music notes, color code, computer code... Decoding is as important as coding. Decoding, like coding, is a continuum of multitudes of constructs of transcoding. Not every code comes with a dimension of visual representation. Could it be put this way? Not every code comes with a visual decoder.

To visualize code is to add a layer of synchronized visual feedback as a mechanism of instant gratification (that warm fuzzy childhood blanket) during the code learning process that might render us disoriented or frustrated from time to time. As we explore the mind-blowing amount of possibilities, not necessarily on a 2D monitor, could be gestures, olfactory, acoustic, tactile, synesthetic, holographic etc., brought by this thin layer, the means may become the goal and vice versa.

It ain't me 🤗 Math.random really takes the pressure off. A mysterious force that is. Alchemized by your click...

Every system needs to be defined by rules. Or rules spawn systems?

I used to binge-watch "Law & Order" to learn English (as an excuse). Little did I ever reflect on the ideological basis of Spirits Of Contract meant to human societies...

Gimme! Gimme! Gimme! Infinite possibilities at one click.

Isn't nothing not a coincidence? Is Math.random really random? Could we manipulate, for instance, the chance of appearance of certain designs to make them more or less covetable? And to make sure it all feels natural... Gasha! Pon!

■ Star in a Jar. Sonoluminescence. Sound precedes light? Water matters.

■ *Tesla: "Everything is the Light." "Light can be nothing other than a sound wave in the æther." Does that mean sound and light share more in common (as frequency, vibration, energy) than we thought? Free associations: Phonics - the science of sound - its word root phōnḗ means sound in Greek. Use phone to take a photo - photo's word root phōs means light. Audio & Video - Dio(s) means to God in Italian/Spanish/Latin. Also connected to Spanish word Adios. A and V can be viewed as 2 triangles as each other's mirror image...

■ Cymatics - Ancient/religious/spiritual symbols, Sacred Geometry, Golden Ratio(Phi) and Fibonacci Sequence. Those symbols are omnipresent in almost every culture of every continent.

■ Flower of Life - Leonardo Da Vinci loved drawing its beautiful variations on his notebooks. Flower of Life (2D) depicts the kinetic force of energy in an (3D) electromagnetic Toroidal field (especially viewed under a flat-glass Ferrocell), or can be readily interpreted as a symbol of twin vortexes spiraling in the opposite directions. Imagine it is jumping like a spring, see the double helix of DNA :)

■ Toroidal fields: energy, cells, seeds, trees, apples, humans, eyes, earth, sun, galaxies...

■ Architecture is Frozen Music ~ Goethe ~ wow... 🎶

■ Stone = tone = music? Why did so many cultures have legends about "stone" or "rock"? Rock is music, rock 'n' roll?

■ *Matter and form = frozen energy/vibration/frequency?

■ Are cats liquid? Sure, so adorable!

■ Do you remember the Theed city on Naboo ? We might have wondered why the place looked so historical and pristine instead of, say, high tech? All those domes, arches, fractality, rosettes, geometric or cymatic pattern-covered ex-in-teriors... maybe related to the circulation of energy in the Toroidal fields? No cell towers or utility posts in sight confirmed :)

■ Fractal nature of energy, Pythagorean scales, visualization, manifestation in matter and form - Fractal shapes and self-similarity are everywhere in the universe.

■ Fractal - The most elegant solution, the best way is usually the simplest yet most extensible/flexible way. From super nano micro to infinite macro. From frequency, vibration, energy to all the forms, matters and living creatures.

■ Sound & magnetism. Almost all earbuds, headphones and loud speakers have magnets in them. A magnetic voice = a voice with resonance = tingling sensation. Sound(vibration) creates circling magnetic fields? Magnetic fields create Toroidal energy bubbles?

■ Which of the following can be described as magnetic? 1 Papaya 2 Pencil 3 Pebble 4 Water 5 Gold. The answer is... all of the above ;) "All materials experience magnetism." Ferromagnetism is the strongest. Paramagnetism and Diamagnetism are mainly undetectable to humans.

■ To draw energy lines (vectors) within a Toroidal energy bubble, and Vector Equilibrium (VE) appears. A perfectly balanced system of equal length and strength in geometric symmetry. We can find prototypes of myriad shapes in nature from VE. For instance honeycomb, plant cells, marine skeletons, snowflakes...

■ We have flexible sponge-like tissues, such as alveoli or diploe, all over our bodies, especially in the heart, lungs and bones. Do they, plus the approximately 70% of water in us, function as "musical instruments" (resonators that resonate with heart beats and breath sounds) in some way to produce new cells and maintain an extremely intricate system of metabolism? Maybe the unsung heroes are always singing? How about those grand "organs" in the cathedrals? How about Chi Kung? Chi is air, energy, spirit. Kung is Kung Fu. Hi-Ya!

■ Ah resonance! Finding the "sweet" spot (the right frequency) could mean so much: when heart strings harmonize with harp strings, glass-shattering power of a soprano's voice, a bridge collapsed by marching soldiers, a quartz crystal watch that refuses to take a rest...

■ Do you remember, in "Crouching tiger, hidden dragon", the iconic, emerald fight scene while two main characters bouncing on top of bamboo leaves with swords pointing at each other? I heard people in North America's theaters burst into laughter when they saw this duet suddenly levitating in midair:) Well the secret is - sound - resonance - magnetism - anti-gravity? How about "Vimana" from ancient India? Sound was also pivotal in the construction of pyramids(Giza) according to Al-Mas'udi. Tibet 🎶

■ *Sound of life: (the first) heart beat, (the first cry = the first) breath. Taking a person's pulse (Chinese medicine)

■ Slow breathing, deep breathing.

Fashion, as our muse, our projection of desire, Lacan’s objet petit a, is a tangible thing we can observe and fancy. Fashion has become an external reflection of our inner longing and creative force. We treat our muse as an amicable, innocent infatuation. With respect to the distance between, while quietly ruminating on her aesthetic purity or stylish endeavors, can we manage to retain creative or imaginative lucidity and flexibility of our own.

Code 💖 Fashion! But code will never only 💖 fashion. It is simply too inclusive... How about we make ourselves some bubble tea or tropical mocktail during the break with code? Or let's code a shining pool that our imaginations can float on? Or why not a beautiful, tranquil resort by the turquoise ocean since, now that we have a pool, all we need to do is a few tweaks here and there... The possibilities are limitless.

Creativity comes from activities! C-re(repeated)-ativity(activity). As long as there is the willingness to try, to delve deeper, to experiment... ideas and inspiration will come! Just like magic carried out by the recursion of fractals. Or muse over this: "invention" and "inventory".

But it's very difficult to hold the willingness if we keep feeling cold and lonely standing before a colossal, impenetrable fortress as the rain pours down... What? Please switch to a petit fortress :)

Wait, finally - Come on! What's the catch?

If you are a beginner, just play play play fun fun fun! If not... this actually gets even more fascinating! There will be some gotchas here and there for sure, such as the aforementioned performance and cleanup matters... But the happy, lively and amazing energy accumulated from making something out of nothing with tons of fun will help us transform every bump we encounter into an interesting challenge. Challenge still. But less challenging, more charming.

X? Y? Color? Give 3 numbers. Anybody can code!

Isn't there a saying that goes "If you give a man a fish... a day. But if... a lifetime." Yeah we'd like to catch our own fish anywhere anytime as we see fit. Let's spend 10 and 5 mins (for each) to learn: ■ Use resources and find solutions online. ■ Use Inspector. Good to go are we! Why only 10 and 5 mins? ⬩A couple of basics go a long way. ⬩Will keep going back to them. ⬩We are in a flow (in order not to disrupt the flow)

Start super easy! Enjoy exciting, delightful results every step of the way! Fun & Colorful & Intuitive.

This article is about Brick for Jade (拋磚引玉). Wow aren't you glowing! And if some words turn out to be a bit too out-there, I apologize. As a fan of history, I've always wondered if the so-called lost ancient wisdom that's entirely beyond our imagination does exist. 

Plutarch (or Yeats?): "The mind is not a vessel to be filled, but a fire to be kindled." The journey has begun...