Rishabh KarnadforGeekyAnts Tech Bloghysterical-ambition-request-53.hashnode.net·Feb 22, 2021FeaturedRecreating Real-World Terrain With React, Three.js & WebGL ShadersFlight Simulator, Heard Of It? You might know about Microsoft's Flight Simulator release in August last year and like me, if you're interested in flight simulators or photorealistic recreations of real life places, you might have spent a lot of time ...160 likes·47.0K readsReactReact
Egi Mataegimata.hashnode.net·Mar 5, 2023FeaturedHow to use WebGL for Interactive 3D GraphicsWell of course you have, If you’ve ever played a modern video game on a console or computer, then you’re already familiar with the concept. I am not talking about the old school games like Super Mario or Donkey Kong which were made in a 2D canvas. I ...92 likes·1.5K reads{ name: "3D Web Development" }Web Development
Heaustheaust.hashnode.net·Nov 5, 2021ThreeJs Essentials | Before you StartIntroduction This chapter will acquaint you with the inner workings of the ThreeJs library so you're already familiar with the concepts when we start coding, Even if you skip all the following articles of this series, this article alone will help you...60 likes·528 reads3D WebThreeJS
Maciek Fitznermackfitz.hashnode.net·Apr 11, 2023The geodesic sphereIn my never-ending quest to code crazy 3D geometries I've long been fantasizing and theorizing about geodesic spheres - approximations of an orb made exclusively out of triangles connecting at weird, incomprehensible angles. Now the nightmare finally...11 likesCSS
Maciek Fitznermackfitz.hashnode.net·Mar 20, 2023CSS geometric art: the Great DodecahedronRiding on the wave of joy following the release of Chrome 111 - and so, finally decent support of trigonometric functions in CSS calcs across all major browsers - I coded another insane geometry in CSS - and gave it faux metallic shading, for good me...1 like3d
Maciek Fitznermackfitz.hashnode.net·Mar 15, 2023CSS 3D art: a 3D translucent rainbow-colored donut3D geometries were always THE thing that I loved CSS for - regardless of its performance and practicality of it. But to really make the best of it, I needed trigonometry - for which I originally used PHP and then switched to Sass/SCSS (a CSS preproce...3d
Charles Waite Njorogecharliescreations.hashnode.net·Mar 10, 2023How To Use WebGL For Interactive 3D Graphics Using Three.JsHere’s a step-by-step guide on how to use WebGL for interactive 3D graphics using Three.js: Install a Web Server First, you need to install a web server to serve your files. You can use Apache, Nginx or any other web server. Alternatively, you can...WebGL
Egi Mataegimata.hashnode.net·Mar 5, 2023FeaturedHow to use WebGL for Interactive 3D GraphicsWell of course you have, If you’ve ever played a modern video game on a console or computer, then you’re already familiar with the concept. I am not talking about the old school games like Super Mario or Donkey Kong which were made in a 2D canvas. I ...92 likes·1.5K reads{ name: "3D Web Development" }Web Development
Vaishnav Sharmavaishnavsh.hashnode.net·Mar 2, 2023How I integrated interactive 3D models into my website, without writing complex code?The Problem. While working on a website, I decided to include 3D models in the hero section. I aimed to make the scene interactive and add some animations to make it more engaging. Common Approach. The result could be achieved with the help of Three ...129 readsWeb Development
Haniinothanii.hashnode.net·Mar 1, 2023A Comprehensive Guide to 3D Animations in React Native with three.jsHave you ever seen those mindblowing 3D websites and wondered how they were built? Most of them are built with the help of Three.js, which is a javascript library used to render 3d graphics using WebGL. Three.js is also compatible with React Native, ...3d
Mide Sofekmidesofek.hashnode.net·Feb 25, 2023How I Built a 3D Web3 Game with Thirdweb Unity SDKIn this article, I will show you how I built my first 3D Endless-Runner game with Unity Game Engine and how I integrated some unique web3 functionalities into the game with thirdweb's gaming kit. I will go over: How the game works && My Inspiration ...11 likes·95 readsunity
Pieces for Developerspieces.hashnode.net·Feb 6, 20233D Movement in Unity Using C#When developing a game, movement is usually one of the primary features implemented at the start of the project. For developers using Unity, there are multiple ways to achieve this functionality through code written using the C# programming language....27 readsC#
Maciek Fitznermackfitz.hashnode.net·Feb 5, 2023CSS 3D: The Cube - part 2This is part 2 of a tutorial on CSS cubes. If you haven't, you might want to check out part 1 Now, onto our today's topic: the cube! More of pretty much the same cube: https://codepen.io/MackFitz/pen/ExpMvKV It is mostly the same basic setup as las...3d
