Публикации по теме 'threejs'
10+ потрясающих портфолио веб-дизайна для вдохновения разработчиков — Medium
Я считаю, что каждому разработчику нужно портфолио, которое отличает его от остальных, и если вы застряли, взгляните на эти 10 образцов портфолио веб-разработчика для вдохновения.
Вот десять портфолио, которые помогут вам понять, как структурировать эффективную демонстрацию навыков и знаний.
Никколо Миранда
Никколо Миранда и его портфолио открывают серию иллюстрированных историй в нашей коллекции. Его внимание к деталям и дизайну замечательно. Вы обязаны сделать это ради себя,..
Эффект контура мультфильма
В своих 3D-играх и дизайнах я часто использую симпатичный низкополигональный мультяшный стиль. Я давно хотел придать своим моделям настоящий мультяшный контур, так что именно этим мы и займемся сегодня. В одной из следующих статей мы рассмотрим раскрашивание треугольников, чтобы они также выглядели мультяшными.
Эта статья является частью моей текущей серии руководств по ThreeJS средней сложности . Я давно хотел что-то среднее между уровнями вступления Как нарисовать куб и Давайте..
Начало работы с Three.js для 3D-графики
Three.js — это мощная библиотека, которая позволяет отображать 3D-графику в реальном времени в браузере и переводит ваши браузеры в эпоху паровой волны.
Реализация Three.js состоит как минимум из следующих компонентов: сцены, камеры, сетки и средства визуализации.
примечание: это будет код, поэтому добавьте эти объявления переменных вверху вашего js и включите three.js либо в свой html, либо с помощью оператора импорта.
let container; let camera; let renderer; let scene; let mesh; let..
Импортируйте файлы Blender в Webflow (три.js) — Агентство Full Stack
Оригинальное видео: https://youtu.be/IjiE3bRdMTk
В сегодняшнем эпизоде мы продолжим наш курс three.js, импортировав экспортированный файл блендера в наш проект Webflow.
Несколько недель назад мы рассмотрели, как хранить внешние активы Webflow , это могут быть CSS, JavaScript. В этом случае мы собираемся загружать наши файлы Blender или, точнее, наши файлы GLTF в эти внешние хранилища, а затем мы собираемся импортировать их в нашу сцену three.js.
Типы 3D-файлов
Когда дело..
Работа с 3D-моделями в Three.js
Демонстрация кода three.js в рабочей среде Create React App
В последней статье мы объяснили, что такое three.js и как это работает в React. Напомним основные понятия.
Three.js — это 3D-библиотека JavaScript, которая отображает 3D-контент на веб-странице. Он направлен на создание простой в использовании, легкой, кросс-браузерной, универсальной 3D-библиотеки. API Three хорошо работает в рабочей среде Create React App. react-three-fiber ( @react-three/fiber ) — это средство..
3D-изображения в JavaScript — Three.JS
Я уверен, что многие из вас видели веб-сайты, на которых отображаются 3D-изображения. Еще дальше люди создавали с ним игры вроде этих отсюда: https://freefrontend.com/three-js-games/ . Что меня удивило, так это то, что эти приложения полностью созданы с помощью кода JavaScript! Чтобы быть более точным, он использовал библиотеку JavaScript под названием Three.JS, которая включает функции, добавляющие трехмерные объекты и изображения и управляющие ими. Сегодня я покажу основы работы этой..
Игра «Сломай GC 2»
Возможно, вы пропустили оригинальную игру «Break the GC».
Это мини-игра, написанная на Three.js, где вы нажимаете маленькую кнопку прямо посередине экрана, и каждый раз, когда вы ее нажимаете, создается новая сетка с новым материалом и новой геометрией, а затем она добавляется в сцена.
Это тест, чтобы увидеть, можете ли вы «Сломать сборщик мусора».
JSFiddle: Сломайте сборщик мусора
