BaeBox

three.js 튜토리얼 및 좋은 글 본문

개발 관련

three.js 튜토리얼 및 좋은 글

배모씨. 2019. 10. 21. 11:28
반응형

https://threejsfundamentals.org/threejs/lessons/threejs-fundamentals.html

 

Three.js Fundamentals

Your first Three.js lesson starting with the fundamentals

threejsfundamentals.org

https://codepen.io/rachsmith/post/beginning-with-3d-webgl-pt-1-the-scene

불러오는 중입니다...

 

https://aerotwist.com/tutorials/an-introduction-to-shaders-part-1/

 

Aerotwist - An Introduction to Shaders - Part 1

See it running From there Three.js will compile and run your shaders attached to the mesh to which you give that material. It doesn’t get much easier than that really. Well it probably does, but we’re talking about 3D running in your browser so I figure yo

aerotwist.com

https://stackoverflow.com/questions/53786863/points-opacity-size-within-three-js

 

.points opacity / size within three.js

I'm back for question two on .points. This time wondering how to change the opacity from 0, to 1 and then back within certain pixel distances from the emitter. var particleCount = 14, particles =...

stackoverflow.com

https://github.com/dataarts/armsglobe

불러오는 중입니다...

 

https://threejs.org/docs/#api/en/renderers/webgl/WebGLProgram

 

three.js docs

 

threejs.org

shader 를 직접 조작하고 싶다면 webglprogram은  반드시 알아둬야 한다. 

 

https://stackoverflow.com/questions/19331734/animating-particle-system-in-three-js

 

Animating Particle System in Three JS

I'm using the following code to animate some particles in a particle system in Three.js. for(var i = 0; i < particleSystem.geometry.vertices.length; i++ ){ var pX = Mat...

stackoverflow.com

https://www.youtube.com/watch?v=uD4GnMsAH1U&list=PL08jItIqOb2qyMOhtEUoLh100KpccQiRf&index=5

 

https://threejsfundamentals.org/threejs/lessons/threejs-indexed-textures.html

 

Three.js Indexed Textures for Picking and Color

Using Indexed Textures for Picking and Color

threejsfundamentals.org

 

https://threejsfundamentals.org/threejs/lessons/threejs-picking.html

불러오는 중입니다...

https://threejsfundamentals.org/threejs/lessons/threejs-align-html-elements-to-3d.html

 

Three.js Aligning HTML Elements to 3D

How to line up an HTML Element to match a point in 3D space

threejsfundamentals.org

https://tutorialzine.com/2013/09/20-impressive-examples-for-learning-webgl-with-three-js

 

20 Impressive Examples for Learning WebGL with Three.js

By now you have probably heard about Three.js - a library which makes working with 3D in the browser easy. In this article, you will find a collection of demos, tutorials and resources that will inspire you to learn more about the library.

tutorialzine.com

 

반응형

'개발 관련' 카테고리의 다른 글

예제. three.js 를 이용해서 지구본을 만들어보자.  (0) 2019.10.21
Object3D 객체.  (0) 2019.10.21
Material(재질)  (0) 2019.10.21
Geometry(모양/형태)  (0) 2019.10.21
기본 개념 Scene, Camera, Renderer  (0) 2019.10.21
공유하기 링크
'개발 관련' Related Articles more
Comments