查看: 8102|回复: 8

Awesomium结合Unity3D实现显示网页的效果简介教程

[复制链接]

驰骋的风

3D打印店铺

3795 主题	2 听众	5万积分

版主

Rank: 7 Rank: 7 Rank: 7

纳金币: 53202
精华: 32

电梯直达

楼主

发表于 2011-11-24 10:02:00 |只看该作者 |倒序浏览

         在unity3d中显示网页的效果实现又多了一个不错的选择，下面是一个简介的使用教程！


         This a quick introductory tutorial to using Awesomium with Unity3D.





         We’ll walk you through the basics and demonstrate how to display a simple web-page in your 3D scene.








         Web-Page Displayed in Unity3D using Awesomium


         Checklist


         Before we start, you will need the following things:


         Unity Editor

         (Basic or Pro)


         Awesomium SDK


         UnityAwe ZIP

         — Unity3d Wrapper for Awesomium





         Adding Awesomium to Unity3D on Windows:


         We will first need to install the Awesomium SDK and then copy over some files so our scripts will***n within the Unity3D editor:


         Install the Awesomium SDK using the default settings (should create a new folder on your Desktop)


         Open the

         awesomium


            _

         v1.6.x

            _

         sdk

            _

         win

         folder and navigate to

         buildin
elease

         .


         Copy

         everything

         from the

         release

         folder  to

         C

rogram FilesUnityEditor

         (or for 64-bit Windows, copy it to

         C

rogram Files (x86)UnityEditor

         )


         Now the Unity Editor has access to Awesomium, allowing you to use it while you debug scenes.


         Adding Awesomium to Unity3D on Mac:


         We will first need to install the Awesomium SDK and then copy over some files so our scripts will***n within the Unity3D editor:


         Install and mount the Awesomium SDK


         Open up the mounted SDK folder and navigate to

         build/bin/release


         Copy

         Awesomium.framework

         to

         /Applications/Unity/Unity.app/Contents/Frameworks

         (you’ll need to right-click Unity -> Show Package Contents)


         Now the Unity Editor has access to Awesomium, allowing you to use it while you debug scenes.


         Setting Up Your Unity3D Project:


         Now it’s time to setup a new Unity3D project, add our plane object and directional light object.


         Create a new folder on your Desktop and name it

         UnityAweDemo


         Open Unity3D, go to

         File

         ->

         New Project

         ->

         Browse

         -> select the

         UnityAweDemo

         folder ->

         Create


         Create a plane object by clicking

         GameObject

         ->

         Create Other

         ->

         Plane


         Edit the plane’s properties in the

         Inspector

         pane (see screenshot below)





         The plane's Inspector properties


         We now need to create a light source for our scene.


         Click

         GameObject

         ->

         Create Other

         ->

         Directional Light


         Edit the directional light’s properties in the

         Inspector

         pane (see screenshot below)





         The directional light's Inspector properties





         Adding Our Scripts:


         Last, we’ll need to add AwesomiumMono.dll and the C# scripts included in the UnityAwe wrapper to our Unity3D project.


         Download UnityAwe from

         https://github.com/khrona/UnityAwe/zipball/master


         Unzip the UnityAwe archive.


         Open it up and find the correct AwesomiumMono.dll for your platform (we have two separate builds for Windows and Mac).


         Click and drag

         AwesomiumMono.dll

         to the

         Project

         pane in the Unity Editor.


         Click and drag

         WebTexture.cs

         and

         WebCoreHelper.cs

         to the

         Project

         pane in the Unity3D editor.


         Sweet, now your project is all set-up to use Awesomium! To actually make our plane display a web-page we just need to do two final steps:


         Click and drag the

         WebTexture.cs

         script from the

         Project

         pane onto the

         Plane

         game object in the

         Hierarchy

         pane.


         You should now see a

         Web Texture (Script)

         section in the

         Inspector

         pane, feel free to modify any of the default fields (such as

         Initial URL

         ).


         Awesome, you’re done!


         Press the

         Play

         button and you should see a your Plane displaying a web-page. You should be able to interact with it like normal (mouse clicks, keyboard, etc.).


         An Interactive webpage inside the Unity Editor


         Extra Tips and Tricks:


         You can click and drag

         WebTexture.cs

         to almost any Game Object to make it display a web-page as its texture.


         When adding it to a

         GUI Element

         make sure to make the Width and Height (see the

         Pixel Inset

         ) matches the values defined in your

         Web Texture (Script)

         .


         When adding it to any other object (like a Cylinder or Sphere), make sure that it uses a

         Mesh Collider

         so that mouse input works correctly.


         We will be continuing this tutorial in Part 2 with a more advanced example (scripting and HTML GUI goodness).


         转自:http://labs.awesomium.com/unity3d-integration-tutorial-part-1/





         If you need any help, drop us a line in our support f***m: http://support.awesomium.com


         来源：http://www.unity3d8.com/content/awesomium%E7%BB%93%E5%90%88unity3d%E5%AE%9E%E7%8E%B0%E6%98%BE%E7%A4%BA%E7%BD%91%E9%A1%B5%E7%9A%84%E6%95%88%E6%9E%9C%E7%AE%80%E4%BB%8B%E6%95%99%E7%A8%8B