방을 돌려보고 둘러보는 가상현실(VR) 주택 임대 서비스 모바일 웹 앱
To get started playing now, open this CodePen example scene.
<html>
<head>
<script src="https://aframe.io/releases/0.4.0/aframe.min.js"></script>
<script>
unction initElement() {
var navVR = document.getElementById("navigate");
navVR.onclick = navigate;
;
function navigate() {
window.location.href = "http://www.naver.com";
</script>
</head>
<body onload="initElement();">
<main>
<div>
<a-scene inspector="url: https://aframe.io/releases/0.3.0/aframe-inspector.min.js">
<a-assets>
<img id="sphereTexture" color="#fff">
<img id="skyTexture" src="https://raw.githubusercontent.com/hskang9/WebVR/master/web/static/photos/hacking-room1.jpg" rotation="0 -130 0">
</a-assets>
<a-sphere id="navigate" color="#FFF" width="2" height="2" depth="2" position="20 2 -10" rotation="0 0 45" scale="2 2 2" src="#sphereTexture">
<a-animation attribute="position" to="20 2.2 -10" direction="alternate" dur="2000" repeat="indefinite"></a-animation>
<!-- 커서가 오브젝트를 가리킬 때 애니메이션-->
<a-animation attribute="scale" begin="mouseenter" dur="300" to="2.3 2.3 2.3"></a-animation>
<a-animation attribute="scale" begin="mouseleave" dur="300" to="2 2 2"></a-animation>
</a-sphere>
<a-sky src="#skyTexture"></a-sky>
<div class="a-exit-vr" aframe-injected="" style="display: block;"><button class="a-enter-vr-button" aframe-injected=""></button></div>
<a-camera>
<a-cursor></a-cursor>
</a-camera>
</a-scene>
</div>
</main>
<body>
</html>git clone https://github.com/hskang9/WebVR.git # Clone the repository.
cd WebVR && python manage.py runserver # Start the local development server.And open in your browser http://localhost:8000 or http://127.0.0.1:8000.
For questions and support, post an issue on this repository.
This program is free software and is distributed under an MIT License.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent