Project Update_03-Basic Scene Completed

Recently I found the source code of previous reference(the blooming flower) I post:

However, the logic and the original mesh created by Felix Faire are different from my thoughts, so I need to make some adjustments. And some functions he used in it still looked a little bit confused to me, I will further explore it.

I also find his Tweeter page and start following him to see if he create some new works related to Three.Js:

Because Blender can export 3D model as .obj file which is recognized by Javascript language and Maya cannot make this happen, I follow a tutorial to create a flower in it and it worked!

Then I used OBJLoader function in Three.js and set the color and light of my mesh. Currently it works like this:

http://shanyan923.github.io/chapter-08/FLOWER.html

My next step is trying to add control panel and music into it. Hope it will work.

Project Update_02-Creating the visual model

I'm working on making an simple 3D model of my project, after it finished, I will import it into three.js editor and add movement and music to my model.

Now the problem I have is that I was unable to import Maya file into Unity(it has format can be imported into Three.js editor).

Then I found an tutorial on Youtube and tried, but it still cannot work. I will continue figuring it out. If the 3D model fail to work in the end, I will consider try to use code to make my visual model just as the reference I showed you before.

Here is the tutorial video if you need:

And the following is part of my project model(it look like sort of underwater creature such as sea urchin), it is not the final version, I will continue adjusting it.

As for the text, now I am exploring the topic Aesthetics of Natures in the book Art forms in Nature. And I am moving on to Chapter-3 in Learning Three.js.

Just feel free to post your comments and advice here. Thanks!

Project Update_01-The work I tried before

shanyan923.github.io/chapter-12/06-audio copy.html

Midterm Project

Project Name: Originate From Nature

General Description:

What I think is to use Three.js to make an visual effect related to nature living creatures such as marine organism, plants etc. with some basic movements and sounds in Three.js. I may also want to add some control functions in it, for instance, the player can transform the object like scale, rotation and so forth or add some similar objects as they want. It just an immature thought because I have no idea whether can I make it or not then.

The above idea was coming from the text I chose- Art Forms in Nature, which introduce a lots of beautiful and symmetrical form within the body of nature living creatures themselves. The abundant illustrations in this book can give inspiration of visual design in my project. The project may not be very complicated because I am a totally green hand in Javascript. But I will try to learn as much as I can to complete this project and make it match with my original thought.

                         

Process of Finishing My Project:

·    Continue learning about Three.js and Javascript (use the textbook Learning Three.js and   
    resources on Three.js Website)

·     Keep on finding more useful reference

·     Start creating the scene  of my project

·     Design the visualization, movements and sound

·     Final adjustment base on real situation and ability

Referred Textbook :

I. Art Forms in Nature

   Author: Ernst Haeckel  
   Paperback: 140 Pages  
   Publisher Prestel( August 25, 2008)


II. On Aesthetics in Science

   Author: Judith Wechsler
   Hardcover: 208 Pages  
   Publisher: MIT Press; 1st Edition (June 1978)

III. Learning Three.js: The JavaScript 3D Library for WebGL (E-Book)

   Author: Jos Dirksen
   Publisher: Packt Publishing-ebooks Account; 2 edition( March 31, 2015) 
   File Size: 10942 KB
   Print Length: 422 pages

Reference of Project Idea:

I.    https://www.chromeexperiments.com/experiment/arkadia

I may use this as reference for my project’s visualization because the color and shape are kind of matching with my ideas.

II.   https://www.chromeexperiments.com/experiment/bloom-parametric-flora

     

 

It has a control panel on the right side top area. I will figure out how it work and corresponding code

in javascript.

III.  http://helloenjoy.com/2013/from-unity-to-three-js/

This instruction shows how to import from unity to three.js. Since Unity support javascript, I 

can further study this if create some mesh is necessary.

   

Three Topics I choose in Art Forms in Nature

I. Organic Symmetries

II. Aesthetics  of Nature

III. The Artist in the Scientist

Three Topics I choose in On Aesthetics in Science

I. On Broken Symmetries

II. The Mathematical Unconscious

III. Rationality and Intuition