Red Stapler·3yWeb Design Trends 2023
Bold Typography is being used more frequently to make a statement and grab the attention of users. 3D Transform, Filter and new CSS features are going to unlock lots of interesting web design purely on CSS. Dark mode/Dark Design is expected to be a popular trend in web design this year.
Community Picks·3yDiscover three.js!
Discover three.js is a tutorial series that introduces the web as a platform for 3D graphics using the three.js WebGL library. It covers everything you need to start creating professional-quality 3D web applications and provides live code examples and clear diagrams.
DEV·2yExploring a 3D city with just HTML and CSS
Learn how to convert 3D objects into HTML/CSS elements and explore a customizable city using just HTML and CSS. Discover how to create a 3D city-building game with peak performance and track metrics like population. Also, find out how to approximate any surface using triangles.
TechCrunch·3ya16z-backed Rooms.xyz lets you build interactive, 3D rooms and simple games in your browser
A team of ex-Googlers is today launching a new digital creativity platform, Rooms.xyz, into beta testing. The startup, backed by $10 million in seed funding led by a16z, offers a browser-based tool for designing 3D spaces — or ‘rooms’ - using drag-and-drop.
Hacker Noon·3yHow to Create a Solar System in JavaScript With Three.js 🌌
Using Three.js, we can create a Solar System in JavaScript with three-dimensional graphics. The code is available on GitHub and can be used to create a solar system using 3D graphics. We need a scene, a camera, and a visualization tool: Adding a Starry Sky We could simply use a texture to draw the stars.
80 LEVEL·3yCounter-Strike's Iconic Dust 2 Map Recreated With Unreal Engine 5
Solo Game Developer and UE5 enthusiast known only as Nic shared a collection of impressive demos over the past few weeks. He recreated Counter-Strike's iconic Dust 2 map, painstakingly translating its layout and gameplay features. This is not the first time we see one of CS's maps being remade with Unreal Engine 5.
Community Picks·3yCreating 3D Illustrations with CSS
Ricardo Oliva Alonso creates 3D Illustrations with CSS with HTML and CSS. He uses Sass mixins to create cubes much more efficiently. He gives us a couple of tips on how to create 3D illustrations with CSS. Check out the full piece: Animations Most of Ricardo’s great animations, most of them with CSS.
80 LEVEL·3yIncredible Realistic Girl Made with MetaHuman & Unreal Engine 5
Character Designer G.Zhao has presented a new model created in Unreal Engine 5. The girl was made using Marvelous Designer, Maya, XGen, and Substance 3D Painter, and Epic Games' MetaHuman binding "to complete the pose" If you like the artist's work, you should definitely check out their ArtStation.
freeCodeCamp·3yCreate a 3D RPG Game with Godot
A 5-hour course on the freeCodeCamp.org YouTube channel will help you create a 3D Action Role-Playing Game (RPG) with the Godot engine. You’ll start by downloading and importing the assets necessary for building your game. All the assets are available for free.
Hugging Face·3y3D Asset Generation: AI for Game Development #3
The Current State of Text-to-3D isn't at the point it can be practically applied to game development, yet. We'll be using AI tools to create a fully functional farming game in just 5 days. In Part 2 of this tutorial series, we used AI for Game Design to brainstorm the design for our game.
Product Hunt·3yPixar Style Faces 3D Avatars - Bring Life into Your Project: Pixar-Inspired 3D Avatars
Most loved launches by the community Newsletter The best of Product Hunt, everyday Popular products in... AI No Code Social Media Ecommerce Analytics. Ask questions, find support and connect Stories Tech news, interviews and tips from Makers Changelog Release notes from the Product Hunt team Office hours Give feedback directly to our product team Visit streaks.
Medium·2yIs the flat design trend finally over?
Flat design trends are evolving to incorporate more detailed and three-dimensional elements, as seen in recent examples like the redesigns of Reddit, MacOS Big Sur, Airbnb, and Shopify. This shift in design approach originated from Apple's introduction of iOS 7 in 2013, which simplified and flattened interface designs. While flat design still offers benefits, modern designs are embracing more complexity and depth.
Codrops·3yOn-Scroll Perspective Grid Animations
It is inspired by the 3D grid animation seen on Inflection designed by Obys. The idea is simple: place an image grid into 3D perspective. When we scroll the page, we transform the single grid items to follow an interesting motion flow. Randomizing the transforms can add another layer of interest here.
Towards AI·3yThis AI newsletter is all you need #28
A new study found code-generating algorithms were more prone to being insecure compared to the 'handmade' solutions created by the control group. The online AGI Debate #3, hosted by Vincent Boucher, the president of Montreal AI, discussed the lessons from cognitive science and neuroscience and the path toward achieving commonsense reasoning in AI.
80 LEVEL·3yA New Free Tool For Creating Stylized Cities in Godot
Developer Kenney has released Starter Kit City Builder, a free tool for creating stylized 3D cities in Godot. The tool allows users to add non-photorealistic objects like roads, trees, and buildings, and is available for free, even for commercial projects.
Hacker Noon·3yExploring the Shap-e 3D Model Generator
Shap-e is an AI model that transforms input conditions into detailed 3D shapes. By employing neural networks, Shap-e understands the relationship between input conditions and the shape of the object. This makes it an invaluable tool for a range of applications including 3D modeling, computer graphics, virtual reality, and even scientific simulations.
80 LEVEL·3yA Realistic Large-Scale 3D Scene Made With Maya, Houdini & UE5
3D Artist Taichi Kobayashi has unveiled Cliffwood Village, a realistic large-scale 3D environment. The environment was created as a graduation project over a period of eight months. The scene was made with Maya, Substance 3D Painter, Gaea, SpeedTree, Megascans, Quixel Mixer, and Unreal Engine 5.
