Свързани публикации 'threejs'
10+ зашеметяващи портфолиа за уеб дизайн, които да намерят вдъхновение за разработчици — Среден
Вярвам, че всеки програмист се нуждае от портфолио, което да го отличава от останалите и ако сте в затруднение, разгледайте тези 10 примерни портфолиа на уеб програмисти за вдъхновение.
Ето десет портфолиа, които могат да ви помогнат да добиете представа как да структурирате ефективно показване на умения и знания.
Николо Миранда
Николо Миранда и неговото портфолио откриват поредица от илюстрирани преживявания за разказване на истории в нашата колекция. Неговото око за детайлите и..
Анимационен контурен ефект
В моите 3D игри и проекти често залагам на сладък нискополигонален анимационен стил. Отдавна исках да дам на моите модели истински очертания, подобни на анимационни, така че това е, върху което ще работим днес. В бъдеща публикация ще разгледаме оцветяването на триъгълниците, така че да изглеждат и анимационни.
Тази статия е част от продължаващата ми поредица от „уроци за ThreeJS със средна трудност“. Отдавна исках нещо средно между нивата на интро „Как да нарисуваме куб“ и „Да..
Първи стъпки с Three.js за 3D графики
Three.js е мощна библиотека, която ви позволява да изобразявате 3D графики в реално време в браузъра и да пренесете браузърите си в ерата на vaporwave.
Реализацията на Three.js е направена от поне тези компоненти: сцена, камера, мрежа и рендер.
забележка: Това ще бъде код заедно, така че добавете тези декларации на променливи в горната част на вашия js и включете three.js или във вашия html, или като използвате инструкция за импортиране.
let container; let camera; let renderer; let..
Импортиране на Blender файлове в Webflow (three.js) — The Full Stack Agency
Оригинално видео: 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, която позволява функции, които добавят и манипулират 3D обекти и изображения. Днес ще покажа основите на това как работи тази библиотека...
Игра „Разбийте GC 2“.
Може би сте пропуснали оригиналната игра „Break the GC“.
Това е мини игра, написана на Three.js, където натискате малък бутон точно в средата на екрана и всеки път, когато го натиснете, създава нова мрежа с нов материал и нова геометрия и след това се добавя към сцената.
Това е тест, за да видите дали можете да „счупите GC“.
JSFiddle : Разбийте GC
