Building my Personal Three.js PortfolioAfter playing with three.js for several years I can say my passion is still going strong! Early this month I have just released my latest…Oct 19, 2024Oct 19, 2024
Realistic and Fast Water Waves in Three.jsTwo years ago I wrote How to Make Waves in Three.js. That simulation used an overlap of 2 travelling value noise waves, simple and decent…Mar 30, 2024Mar 30, 2024
Published inGeek CultureBuilding Pinterest Design of a Cube with Chromatic Dispersion in Three.jsOne time I came across this beautiful rotating cube on Pinterest: https://www.pinterest.com/pin/749567931745732553/ and can’t stop…Feb 3, 2024Feb 3, 2024
Visualizing 3D Perlin Noise in Three.jsWith a noise algorithm such as perlin noise, you can create a myriad of 2D textures or 3D shapes such as cellular structure, fire, organic…Dec 20, 2023Dec 20, 2023
Published inGeek CultureMake Your Own Earth in Three.jsHey folks, it’s been a long while since my last article here…But I’m back in the game! Previously I haven’t been working a lot with…Oct 8, 2023Oct 8, 2023
Published inGeek CultureMake a Cool Plasma Ball Using Voronoi Effect in Three.jsIt seems that I was quite late to the Voronoi party since the time I started learning Three.js for like 2 years ago…It looks complicated at…Apr 17, 2023Apr 17, 2023
Published inGeek CultureHow to create textures for Three.js SphereGeometry using BlenderThis is probably a beginner’s common question: What type of images should we use to correctly texture spheres in Three.js? I bet we’ve all…Jan 4, 20231Jan 4, 20231
Published inBetter ProgrammingSynthwave Scene — My Coolest Three.js ProjectA detailed walkthrough of my codeDec 5, 20221Dec 5, 20221
Published inGeek CultureLow-poly Smoke Particles in Three.jsThis is a short tutorial on how to make simple low-poly particles without using a full particle system in Three.js!Nov 22, 2022Nov 22, 2022
Published inGeek CultureHow to Make Waves in Three.jsPart of the fun in playing with Three.js is to play God 😇; to recreate nature within a computer. This time, we’ll look at how to simulate…Nov 14, 2022Nov 14, 2022
Published inBetter ProgrammingThis Is a Simple yet Powerful Three.js BoilerplateEffortlessly use Three.js in your projects using my open-source libraryNov 6, 2022Nov 6, 2022
[Design Review] Alpha — Agency TemplateI’ve decided to start doing some design reviews from time to time. I have just started learning web/graphic design not long ago. I feel…Jul 22, 2022Jul 22, 2022
Published inGeek CultureCreating Tony Stark’s “Badassium” in Three.jsLearning Three.js is definitely a long journey. Learning something term by term or page by page is never a fun way for me. I saw the Iron…Dec 28, 20211Dec 28, 20211
Published inGeek CultureSimulating Refraction in Three.jsLast time, I made a simple wine glass in Blender and rendered it using Three.js. It mostly demonstrated the transmission property of the…Dec 6, 2021Dec 6, 2021
Published inGeek CultureUsing Three.js to create a Crystal Clear Wine GlassThis is a rather simple and short tutorial on how to create a crystal clear wine glass in your Three.js scene. In the next article, I will…Nov 30, 2021Nov 30, 2021
Published inGeek CultureUnderstanding the Three.js Transmission exampleThe official examples hosted on threejs.org are good references of most of the visual effects beginners are looking to achieve. But some…Nov 18, 20211Nov 18, 20211
How and Where to use wp_redirect properlyOften times you might get a PHP warning saying ‘Cannot modify header information’ when you’re using wp_redirect somewhere in your code. But…Oct 31, 2021Oct 31, 2021
Published inGeek CultureFully Understand Email Authentication Protocols(SPF, DKIM, DMARC) in One GoWhen I learn about email authentication protocols, I learn them quite separately from different blogs or websites. I figure it would be…Oct 24, 20211Oct 24, 20211
Published inGeek CultureProtecting WordPress custom forms from CSRF attackYou may have heard that WordPress is by far the most hacked CMS platform ever. Despite of that, many developers or bloggers worldwide are…Oct 18, 2021Oct 18, 2021
Published inGeek CultureHow to control Three.js Camera like a ProIn this guide, I will take you through the steps to use FlyControls to get the position and lookAt vectors for the perfect angle you want…Oct 10, 20211Oct 10, 20211