The room effect in the Threejs can be seen inside the building

Source: Internet
Author: User

The room effect in the Threejs can be seen inside the building

The beautiful Life of the Sun Vulcan (http://blog.csdn.net/opengl_es)

This article follows "Attribution-non-commercial use-consistent" authoring public agreement

Reprint Please keep this sentence: Sun Vulcan's Beautiful Life-this blog focuses on Agile development and mobile and IoT device research: IOS, Android, HTML5, Arduino, Pcduino , Otherwise, the article from this blog refused to reprint or re-reproduced, thank you for your cooperation.


var Cubetex = three. Imageutils.loadtexture ('./maps/house_wall.png '); var geo = new three. Cubegeometry (6, 3); var cube = new three. Mesh (GEO, new three. Meshphongmaterial ({Map:cubetex})); cube.material.side = three. Backside;cube.position.set (0, 0, 1.5); Scene.add (Cube);

This code, condensed a lot of things in the inside, the key part is

. Material.side = three. backside;

It is not difficult to understand the opengles of the foundation.

But in the boundless threejs source of the sea, to catch this needle, it is not easy, expect, Threejs can quickly grow up, but also hope that the open source community can actively make it bigger and stronger, better documentation, which also requires the participation of spectators.

I am JS layman, it is estimated that the heart is intentional and weak, Threejs strong, the more research can appreciate, there are a lot of ideas and architectural ways to learn from.

At the same time, Threejs is also a very good opengles textbook, by studying it, can well understand various concepts, from the abstraction to become practical.












Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.