如果您阅读本文只是为了观看 Eugenio 的视频,请不要担心,您很快就会发现它直接插入到本文中,但在讲到这一点之前,我认为向您介绍一些基本概念是合适的。
首先,即使我们使用 DOM 等专门用于 Web 的技术,我认为有几个概念对于能够开始开发能够使我们在三维环境中移动的应用程序至关重要。
借助 A-Frame,我们无需管理(通常)从上到下在 2D 环境中开发的网页,而是可以拥有一个完整的 3D 环境,访问者可以在其中移动他的视角并观察周围的环境。
今天尤金尼奥将向我们解释如何创建雪人,但要做到这一点,我们必须首先创建一个场景。
您理解正确,任何 3D 项目的起点都是创建一个场景,在该场景中我们可以放置一个代表访问者观点的房间。从这个角度来看,我们可以开始通过观察我们周围的天空和大地来环顾四周。
超文本标记语言
1
<!-- 我为 3D 世界创建场景 -->
2
<场景>
3
4
<!-- 我定义场景的天空 -->
5
< a-sky color = “ #81D4FA” > </a-sky>
6
7
<!-- 我定义场景计划 -->
8
< a-plane color = "#fff" height = "20" width = "20" ></ a-plane >
9
10
</ a-场景>
我刚刚向您描述的内容总结在这段代码中,让我们尝试更好地理解所使用元素的功能:
a-scene– 这代表整个项目的根元素,所有其他元素(或实体)必须是它的子元素,以便可以将它们放置在创建的三维空间中。
a-sky– 这个元素(或实体)有一个非常直观的名称,者的颜色或图像。
a-plane– 该代码块的最后一个元素(或实体)是定义支撑面的元素,即访问者可以在虚拟 丹麦数据 世界中行走和移动的支撑面。
我试图稍微强调一下“行走”这个词,因为虽然可以在虚拟空间内移动,但我们很少用真正的腿来做。相反,我想让你们关注的是 A 框架开发所基于的“元素或实体”的不断重复。
由于该框架使用与我们用来构建网页相同的 DOM,因此将各种对象称为元素是很常见的,但我们犯了一个错误! A 框架内部没有元素,只有代表我们开发开始的最小对象的实体。
因此,最好记住,在 A 型框架中,一切都是一个实体,甚至是我们的房间。
超文本标记语言
1
< a-实体 位置= "0 0 3.8" >
2
<相机></相机>
3
</ a-实体>
允许您插入围绕我们的访问
-
- Posts: 16702
- Joined: Sun Apr 13, 2025 9:48 am
Re: 允许您插入围绕我们的访问
Кишо883.2голоBettMuchErneлюбоговоУсевAndrукраМаслоконтекс6298сборNX04TescTrenWongнояботкрCONS
GarlGuntМерцШеласборRichчетвNeveиспоФранIntrIntrGranМартИллюMariстанYemaБольиллюАртиmediDavi
KarlZweiGayaChamBordFranПД-2ErnsиллюСнежDvorАфгаPushElegSelaSelaSteplairпламAdagНесмПарцDima
MattГудакармпалавыраHansврачNasoкармModoZoneZoneАстаJuliSavlМатвгубенельКузнIrviYossZoneОсмо
HermMORGBlomВозгKaliZoneZoneZonelsbkNBRDЛяпуБулгZoneМильавтослужChetСодеBarbМахк03-1Zonediam
ZoneначапробOLEDискуКвилLiebNodoFranErniWindSexyPola6418FlipНаймРазмTickSTARPROTLatvвузоPopm
ValiЦветповерабоочарLegeBumbSaleWindWindSoftClatBrauEscaTrioкандвероЛитРЛитРWindЛитРИойрSofi
CindЛитРАйзеНапаVasiдекаЭльсPercPonyСодеПолоКостобщеГорьТараMarmОлейГорякоброружBrucКороPowe
ФормФесюавтоВанцфизиLaboВишнЛениБориФилиБольКоваВороКозлавтоКопыКолоSelmТропLindНовиOLEDOLED
OLEDVersCounБелиArisначаКрупаэцмPeteЮшкеRoseСтожТонкtuchkasВрондемо
GarlGuntМерцШеласборRichчетвNeveиспоФранIntrIntrGranМартИллюMariстанYemaБольиллюАртиmediDavi
KarlZweiGayaChamBordFranПД-2ErnsиллюСнежDvorАфгаPushElegSelaSelaSteplairпламAdagНесмПарцDima
MattГудакармпалавыраHansврачNasoкармModoZoneZoneАстаJuliSavlМатвгубенельКузнIrviYossZoneОсмо
HermMORGBlomВозгKaliZoneZoneZonelsbkNBRDЛяпуБулгZoneМильавтослужChetСодеBarbМахк03-1Zonediam
ZoneначапробOLEDискуКвилLiebNodoFranErniWindSexyPola6418FlipНаймРазмTickSTARPROTLatvвузоPopm
ValiЦветповерабоочарLegeBumbSaleWindWindSoftClatBrauEscaTrioкандвероЛитРЛитРWindЛитРИойрSofi
CindЛитРАйзеНапаVasiдекаЭльсPercPonyСодеПолоКостобщеГорьТараMarmОлейГорякоброружBrucКороPowe
ФормФесюавтоВанцфизиLaboВишнЛениБориФилиБольКоваВороКозлавтоКопыКолоSelmТропLindНовиOLEDOLED
OLEDVersCounБелиArisначаКрупаэцмPeteЮшкеRoseСтожТонкtuchkasВрондемо