Best of 3D — 2021
- 1
- 2
Product Hunt·5y
Atropos - Touch-friendly 3D parallax hover effects
Atropos is a lightweight, free and open-source JavaScript library. It can be used to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React and Vue.js Embed this post on your site. For more information, visit Atropos.
- 3
DevDojo·5y
Getting Started with Three JS
In this quick tutorial, I'll show you how to get started using and loading 3D content on your website. The best way to learn is to just jump into the code. Let's learn how simple it is to create this rotating cube. We'll also learn how we load a 3D file via a GLTFB file via three.js.
- 4
Red Stapler·5y
CSS 3D Card Design with RGB Effect Tutorial
In this tutorial, we’re going to show you how to design and create CSS card with animating RGB and 3D tilt effect in just a few minutes. The first tutorial is how to setup the card layout from scratch using CSS. The second tutorial isHow to add 3d tilt effect using tilt.js. You can download the code of this project here.
- 5
DZone·5y
Creating 3D CSS Buttons which Move as you Mouse Over
I was toying with the idea of a 3d button which moves a the user moves their mouse around it. To further this effect, I added some 3d shadows which move in tandem to give the illusion of a button which is sitting off the page, which moves with the user's mouse movements. On mobile, tapping will mimic the hover state at the point you tap.
- 6
omg! ubuntu!·4y
Blender 3.0 is Out, And It'll Blow Your Socks Off
Blender 3.0 comes with new features and updates like an upgraded ‘Cycles X’ rendering engine. 2-3 times better mesh editing performance, and much faster file loading times thanks, in part, to Zstandard compression. Blender is the go-to 3D creation suite for creatives of all shades.
- 7
Quick Code·4y
10 Best Unity Tutorials for Beginners to learn Game Development
Learn how to develop games for iOS and Android using Unity. Learn how to use C# to build and test your games. Use these skills to help you develop your own games and apps. Use this information to build your own apps and games for Android and iOS. Use the tools and techniques in this course to build a game for Android or iOS using the Unity software.
- 8
Codrops·5y
Creating 3D Characters in Three.js
Three.js is a JavaScript library for drawing in 3D with WebGL. It enables us to add 3D objects to a scene, and manipulate things like position and lighting. This article is for developers who are comfortable with JavaScript but relatively new to Three.js. Our goal is to walk through building a simple but effective 3D animated figure.