ThreeJs understands textures
In this article, we'll take a look at ThreeJs textures. When rendering a 3D object, the Mesh determines the shape of the object, such as...
Read More
Tag: three.js
Get an introduction to three.js by playing “A Shower of Flowers”
January 25, 2024
by Dennis Gray
No Comments
With the popularity of the concept of meta-universe, technologies related to 3D rendering are frequently mentioned, and Three.js is a framework encapsulated by WebGL API...
Read More
Face real-time check-in (three.js+tracking.js) is browser-based
January 25, 2024
by Russell Bibi-Burke
No Comments
You can use Node or Python to call OpencV or something like that, but this is a back-end application. You can use raspberry PI to...
Read More
Based on the web to create realistic 3 d graphics | CSS skills
January 25, 2024
by Lisa Lopez
No Comments
Before becoming a Web developer, I worked in The visual design industry, creating award-winning, high-end 3D effects for movies and TV shows such as Tron,...
Read More
WebVR development tutorial — Interactive events (1) head display and gamepad
January 25, 2024
by 張惠婷
No Comments
The first two issues mainly introduced the basic steps of developing WebVR applications, but the developed scenes are only "viewable from a distance but not...
Read More
Cloud picture 3 d | Three. Js a canvas rendering multiple scenarios
January 25, 2024
by Badal Das
No Comments
At the request of readers, we hope to set up a professional WEBGL and Threejs industry QQ communication group for front-end developers in Chengdu-Chongqing area...
Read More
THREE Shader to achieve high performance animation (a) – repeat map arrow animation
January 25, 2024
by Leslie Hansen-O'Neill
No Comments
Shader: The highly programmable phases of the GPU pipeline are the code that runs on the GPU. VertexShader: Defines the position and size of vertices....
Read More
VR Wave Coming – What can front-end development do
January 25, 2024
by Kiaan Bir
No Comments
Last year, Google and Firefox put forward the WebVR API standard for WebVR. As the name implies, WebVR is web + VR experience mode, we...
Read More
【 three.js 】 With the metasverse opens the way to WEB3D
January 25, 2024
by 楊婷婷
No Comments
The meta-universe envisions a future reshaped by the widespread use of virtual worlds and 3D technology. Three.js is a very impressive JavaScript 3D library that...
Read More
Three.js implements the 3D dynamic Logo of the Facebook Metasomes
January 25, 2024
by Cody Todd
No Comments
Facebook recently changed the name of its parent company to Meta and announced its entry into the meta-universe 🪐. In this article, we introduce Meta's...
Read More
3. Js mouse interactive -Raycaster picking up objects
January 25, 2024
by Anvi Garg
No Comments
To add event listeners to models in the scene and implement mouse interaction, use the Raycaster class. The principle of obtaining interactive mouse objects in...
Read More
Research on visual full rendering optimization of 10,000-level nodes
January 24, 2024
by Arnav Chanda
No Comments
This paper discusses the optimization methods for smooth rendering of 100,000-level nodes, and how to use D3 and three.js for smooth rendering of massive social...
Read More
Develop games with three.js, React, and WebGL — SitePoint
January 24, 2024
by Stephanie Hansen
No Comments
I'm working on a game called "Charisma The Chameleon" which is developed using Three.js, React and WebGL. This is an introduction to using the React...
Read More
Js cubic texture image named contrast
January 24, 2024
by Kathryn Paterson-Murphy
No Comments
CubeTexture is often used as a sky background in three.js. For example, the background of guangzhou Tower is using this method. However, CubeTexture accepts an...
Read More
Physics: Objects fall naturally
January 24, 2024
by Seher Andra
No Comments
In the previous article, I wrote about the stack game, basically every step is written. This is the implementation effect of the previous game. You...
Read More
3D stacking game – The first basic initialization game
January 23, 2024
by Kerry Rees
No Comments
Apply the technique stack webPackThreejstypescript first step, prepare the work (think gameplay, draw mind maps, build projects, create scenes) file directory below are the main...
Read More
3D stacking game — third step cutting and other functions
January 23, 2024
by Kara Fuentes
No Comments
A lot of work needs to be done before the next main character appears. The first step is to cut the main character
Read More
3D stacking game – The second step controls the main character to move and stop
January 23, 2024
by Leslie Hansen-O'Neill
No Comments
In the last article, I made the first step of the game, creating the foundation. In this article, I will make the second step of...
Read More
3D stacking game – step 4 end decision, scorer, etc
January 23, 2024
by Alexandra Fowler
No Comments
The last article was about cutting the leading role into valid area and invalid area. The effective area was placed as the base plate in...
Read More
Create cool particle animations in a few simple steps
January 23, 2024
by Scott Faulkner
No Comments
The data of points is obtained through the getImageData() method, and the result is a string of Uint8ClampedArray data and image width and height. The...
Read More
Threejs + Tweenjs for 3d scene animation
January 22, 2024
by Yashvi Jaggi
No Comments
With the front end is more and more volume, the requirements of the front end is also more and more high, from the visual effect...
Read More
[Animation] Quick start with GSAP
January 22, 2024
by 路宇軒
No Comments
GSAP (GreenSock Animation Platform) is a set of "tools" used to create Animation, so that the creation of Animation is simple, fast and direct. It...
Read More
Usage Guide for three.js (3)
January 22, 2024
by Samarth Sant
No Comments
In Three. js, the document renderer acts as a rendering page, just like a projection device in the process of movie projection. With this device,...
Read More
Cloud picture 3 d | Three. Js post-processing
January 21, 2024
by Renee Hayre
No Comments
At the request of readers, we hope to set up a professional WEBGL and Threejs industry QQ communication group for front-end developers in Chengdu-Chongqing area...
Read More
Implement your own set of shadows in Threejs
January 20, 2024
by Frankie Harris
No Comments
Threejs gives us encapsulated shadows that, while simple to use, are too high level and not flexible enough. Threejs doesn't give us the shadow information...
Read More
[Finished] TFC 2017 Tencent Web Front-end Conference site record
January 20, 2024
by Victoria Johnson
No Comments
Theme: Knowledge has a half-life, and the only way to get a sense of security is to keep making progress (wang Xing is quoted). 第...
Read More
Three. Js – mesh material
January 20, 2024
by Scott Ortiz
No Comments
A material that draws geometry as a simple color (flat or wireframe). This material is not affected by light. 1. Common Attributes Example 2. Features...
Read More
The novice to! Write a rotating dynamic triangle with three. js!! (Comment super detail!!)
January 19, 2024
by Neil Evans
No Comments
Three. JS is based on WebGL Javascript open source framework, the effect of the same I also useful WebGL did, "the https://segmentfault.com/a/1190000023078450h links
Read More
Super easy! Build your VR site quickly with a-frame
January 19, 2024
by 李雅玲
No Comments
A-frame is A set of libraries encapsulated by three.js that make it easy to build cross-platform Web VR applications. If you have no idea what...
Read More