none
JavaScript. Three.js неработает. RRS feed

  • Вопрос

  • Проблема в том что я негу запустить Ява скрипт в VS2012. Подскажите как.  Вообщем помоему элемента 'div' небыло, вот поэтому неработали с крипты.
    • Изменено avrudoi 22 июня 2013 г. 15:49
    22 июня 2013 г. 11:34

Ответы

  • тут в справке все написано. Видимо Вы так до нее и не дошли. Посмотрите, там при подключении библиотеки также нужно реализовать свой javascript (создать кубы, итд). ко всему прочему обратите внимание, что ссылка на библиотеку - адрес url. Поэтому если у конечных пользователей нет инета, то нужно будет копировать полную копию библиотеки
    23 июня 2013 г. 14:39
  • Вот вам простой пример:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm.aspx.cs" Inherits="WebApplication.WebForm" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
      <script src="https://rawgithub.com/mrdoob/three.js/master/build/three.js" type="text/javascript"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        
        </div>
        </form>
      <script type="text/javascript">
        var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
        var renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement);
        var geometry = new THREE.CubeGeometry(1, 1, 1);
        var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
        var cube = new THREE.Mesh(geometry, material); scene.add(cube); camera.position.z = 5;
        var render = function () { requestAnimationFrame(render); cube.rotation.x += 0.1; cube.rotation.y += 0.1; renderer.render(scene, camera); }; render();
      </script>
    </body>
    </html>

    24 июня 2013 г. 6:16
    Модератор

Все ответы

  • Поконкретнее и другими словами, а то не понятно ничего. Во-первых, проверьте включена ли поддержка яваскрипт в браузере (в настройках ее может быть отключили), поэтому не работает. Во-вторых проверьте саму разметку, наверняка в ней проблема. Есть очень много источников откуда можно найти много простых примеров с объяснением (мне кажется, что у вас непонимание как писать яваскрипт в html). Вот Вам ссылка - это Вам в качестве методички по яваскрипту
    23 июня 2013 г. 5:59
  • поконкретние - Подскажите как подцепить вот такой javascript
    http://threejs.org/examples/webgl_ge...s_blender.html к сайту на vs2012
    23 июня 2013 г. 14:22
  • тут в справке все написано. Видимо Вы так до нее и не дошли. Посмотрите, там при подключении библиотеки также нужно реализовать свой javascript (создать кубы, итд). ко всему прочему обратите внимание, что ссылка на библиотеку - адрес url. Поэтому если у конечных пользователей нет инета, то нужно будет копировать полную копию библиотеки
    23 июня 2013 г. 14:39
  • эти условия я прочитал. вы можете привести пример интернет страницы(asp.net в vs2012) с моим примером. У меня не работает. Кажется бредом но тем нимение.


    • Изменено avrudoi 23 июня 2013 г. 18:46 понимание
    23 июня 2013 г. 17:56
  • Вот вам простой пример:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm.aspx.cs" Inherits="WebApplication.WebForm" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
      <script src="https://rawgithub.com/mrdoob/three.js/master/build/three.js" type="text/javascript"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        
        </div>
        </form>
      <script type="text/javascript">
        var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
        var renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement);
        var geometry = new THREE.CubeGeometry(1, 1, 1);
        var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
        var cube = new THREE.Mesh(geometry, material); scene.add(cube); camera.position.z = 5;
        var render = function () { requestAnimationFrame(render); cube.rotation.x += 0.1; cube.rotation.y += 0.1; renderer.render(scene, camera); }; render();
      </script>
    </body>
    </html>

    24 июня 2013 г. 6:16
    Модератор