unity3d 弄好的模型导出HTML 格式 只是 一张图片 如何 使他可以用鼠标拖动旋转 希望有会的人 帮帮忙

用js创建一个新脚本 MouseScript.js 把下面脚本复制进去

var Mid : Texture2D

var mouse : Texture2D//鼠标图片

var mousePs = Vector2.zero//鼠标的位置

private var angle : float

function Update () {

mousePs = Input.mousePosition//获取鼠标位置

angle = 180 - Mathf.Atan2(mousePs.x - 250, Screen.height -mousePs.y - 250) * Mathf.Rad2Deg//计算选择角度

}

function OnGUI () {

Screen.showCursor = false

GUIUtility.RotateAroundPivot (angle, Vector2(250, 250))

GUI.DrawTexture(Rect(200,200,100,100),Mid)

GUIUtility.RotateAroundPivot (-angle, Vector2(250, 250))

GUI.DrawTexture(Rect(mousePs.x,Screen.height -mousePs.y,25,25),mouse)

}

html5中引入3d模型的方法是借助第三方PlayCanvas插件来完成的。

比如可以用以下方法实现图片的360度旋转：

代码示例：

var render, loop, t, dt, //定义变量

DEG2RAD = Math.PI / 180, //角度转弧度

cvs = document.querySelector('canvas'), //创建canvas

ctx = cvs.getContext('2d'),//绘制2d图形上下文

teddy = new Image(), //创建图像

heart = new Image(), //创建图像中心

angle = 0,//初始化角度为0

reqAnimFrame =

window.requestAnimationFrame ||

window.webkitRequestAnimationFrame ||

window.mozRequestAnimationFrame ||

window.msRequestAnimationFrame ||

window.oRequestAnimationFrame

//创建动画帧

cvs.width = 400

cvs.height = 200

teddy.src = 'xxx.jpg'

heart.src = 'yyy.jpg'

//开始渲染

render = function (timestamp) {

dt = timestamp - t

t = timestamp

// cavas设置为白色

ctx.fillStyle = "rgb(255,255,255)"

ctx.fillRect(0, 0, cvs.width, cvs.height)

// 绘制中心

ctx.drawImage(heart, -20, -120)

// 绘制teddy

ctx.save()

ctx.translate(cvs.width/2, cvs.height/2)// 移动鼠标到画布中心

ctx.rotate(DEG2RAD * angle)// 旋转画布

ctx.drawImage(teddy, -teddy.width/2, -teddy.height/2)// 绘制中心图片

angle += dt / 16.67 * 6// increment angle ~ 360 deg/sec

ctx.restore()

}

loop = function (timestamp) {

reqAnimFrame(loop)

render(timestamp)

}

t = Date.now()

loop(t)

1、在桌面上找到CAD的快捷图标，双击打开CAD这款软件，进入CAD的 *** 作界面。

2、在该界面内按下快捷键Ctrl+O键d出选择文件对话框，在该对话框内找到我们需要的图形文件。

3、找到我们的图形文件后，点击打开可以看到我们的图形。

4、在命令行下面找到布局1选项。

5、点击布局1选项，进入布局界面，在该界面里找到视图控件选项，点击视图控件选项在其下拉菜单里找到前视图选项。

6、再找到视觉样式选项，点击视觉样式选项在其下拉菜单里找到二维线框选项。

7、再在命令行下面图形栅格选项，将其关闭。

8、关闭视图栅格后，我们的二维图形就得到。

---