aframe

How to include special characters in A-frame web VR (čšž…)

落花浮王杯 提交于 2019-12-11 17:25:20
问题 I want to create a website readable not only in english but i have problems with special characters. I've tried ascii html. Any idea? 回答1: If You have troble with the text component there are three ways I can think of: 1) The proper way: find or generate a font from a fontset containing those characters. The docs describe how to use custom fonts: <a-entity text="text: Hello World; font: ../fonts/CustomFnt.fnt; fontImage: ../fonts/CustomFnt.png"></a-entity> But you need to have a font file + a

a-assets in Aframe failing with dynamic data loaded using Angular 2

牧云@^-^@ 提交于 2019-12-11 16:56:41
问题 As i do not have fixed number of assets, which needs to be loaded from server, I am using Angular 2 templates to create assets dynamically. Sample code is as follows - <a-assets> <div *ngFor="let scene of floorData.scenes;let i=index"> <img id="scene-{{i}}" src="{{assetData}}/floor-{{floorNumber}}/{{scene.id}}/vrimage.jpg" crossorigin="anonymous" /> </div> </a-assets> But by the time floorData comes from server *ngFor get executed and floorData.scenes throws undefined error. I need this code

threejs instance multiple objects with different sizes and positions

感情迁移 提交于 2019-12-11 16:16:17
问题 just yesterday i started to tried the InstancedBufferGeometry method because i want to render thousand of objects with a good performance. In my case i want to instance cube geometries with different heights of each other. At moment i tried this code AFRAME.registerComponent('instancing', { schema: { count: {type: 'int', default: 10000} }, init: function () { this.count = this.data.count; this.model = null; }, update: function () { if (this.model !== null) { return; } var data = this.data;

A-Frame user swipe effect for 360 Image

别说谁变了你拦得住时间么 提交于 2019-12-11 16:13:54
问题 I have a 360 Image using aframe.io library. And I would like to see how to create a "throw" effect. [Not sure what the effect calls] When user swipe left or right, the 360 images will rotate/spin to either direction and eventually finish after sometime (perhaps depends on how hard the swipe is?). I am thinking of having a a-animation within a a-sky can do the trick, but I would like to ask someone whether this is the right approach. The effect would be similar to http://photo-sphere-viewer.js

aframe glft click event

点点圈 提交于 2019-12-11 15:52:40
问题 I am trying to catch click event for glft model in a scene. Scene code below. <a-scene raycaster-autorefresh> <a-assets> <a-asset-item id="store_homeModel" src="app/home/store_models/store_model.gltf"></a-asset-item> <a-asset-item id="shampoo" src="app/home/product_models/Ayush Shampoo.gltf"></a-asset-item> <a-asset-item id="soap" src="app/home/product_models/Ayush Soap.gltf"></a-asset-item> <a-asset-item id="facewash" src="app/home/product_models/Citra Pearl face wash.gltf"></a-asset-item> <

In AR.js When Load Model ,Show A Loading Screen

淺唱寂寞╮ 提交于 2019-12-11 15:27:43
问题 When We Load A Big 3D Model Or Big A Video, It Takes Time To Load The Assets(Resources) And Render The Resources,So I Want To Show A Loading Screen Or Loading Gif File or a Loading A-Box - Till The Whole Assets Loading And Rendering Is Done,On The Screen Or On The Pattern.Please Go Through My GLITCH , Its Working But It Will Take 10-15 Sec to load and render. I tried To Add Asset Loading Manager But It didn't Worked . I Tried All The Ways But It Didn't Worked <!DOCTYPE html> <html lang="en">

A-frame link to url with logo

匆匆过客 提交于 2019-12-11 15:14:28
问题 I want to use a logo to link to an external URL (regular website, not VR) from inside the scene. This is what I have: <a-entity link="highlighted: true; highlightedColor:#000000; portal:#ec1e1e; href: https://schatzkin.com; title: Back to website; image: assets/logo-lockup-black.png"></a-entity> When I inspect the element, I see the image listed correctly under Link, and also as pano under Material. But in the actual portal, all I see is a solid magenta color. Thanks for your help! 回答1: 1)

Use A-frame img assets inside javascript

不羁岁月 提交于 2019-12-11 09:09:33
问题 I'm using an image as a texture several times, once via the material component, another time in a custom component. In the latter I'm using THREE.TextureLoader() which cause the application to load the image twice . I bet there's another way. Current situation HTML <!-- Assets --> <a-assets> <img id="my-map" src="path/to/map.jpg"> <a-asset-item id="my-model" src=path/to/model.gltf""></a-asset-item> </a-assets> <!-- Entities --> <a-box material="src: #my-map"> <a-entity gltf-model="src: #my

How to start an a-frame animation by an “animationend” javascript function?

柔情痞子 提交于 2019-12-11 08:26:13
问题 I never worked with html, javascript or a-frame and I want to make three collada files visible and then invisible one after another (like a keyframe animation sequence)and loop that animation. That code works except for the possibility to loop the animation. <script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script> <script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe- extras.loaders.min.js"></script> <script src="play-all-model-animations.js"></script>

A-Frame: Break in “Perspective Screenshot” functionality between releases 0.9.0 and 0.9.2?

假如想象 提交于 2019-12-11 07:49:12
问题 In this glitch.com page: https://glitch.com/~query-aframe-perspective-screenshot click into the 3D scene (or click the "show" button) and press spacebar the page will attempt to download a perspective screenshot described here: https://aframe.io/docs/0.9.0/components/screenshot.html#perspective-screenshot ~the scene will freeze edit the project and reset the a-frame release to 0.9.0 click through to the scene, and press the spacebar the page will again attempt to download a perspective