silverlight3中的"伪"3D
2009-10-30 10:46
197 查看
silverlight3中的3d效果,实际上是通过2d+算法模拟出来的"伪3D"(个人估计可能是考虑跨平台和显卡硬件支持通用性所以最终采用了这种设计)
上面演示了基本的3d效果,本质是通过将图片绕着x,y,z三个轴旋转产生
关键代码:
1 <Image Source="/3D;component/img/001.jpg" Grid.Row="0" Margin="30">
2 <Image.Projection>
3 <PlaneProjection RotationX="0" RotationY="0" RotationZ="0" x:Name="pp"></PlaneProjection>
4 </Image.Projection>
5 </Image>
1 private void xSliderX_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
2 {
3 double x = (sender as Slider).Value;
4 this.pp.RotationX = x;
5 this.lblX.Content = x.ToString("F2");
6 }
至于3d应用,只是利用y轴旋转+clip属性,排出一个常用相册的UI界面(这种界面以后估计会在触摸屏上流行起来)
projection除了这里演示的3个参数外,另外还有9个参数可以调整,详情演示见
http://images.24city.com/jimmy/3d/
上面演示了基本的3d效果,本质是通过将图片绕着x,y,z三个轴旋转产生
关键代码:
1 <Image Source="/3D;component/img/001.jpg" Grid.Row="0" Margin="30">
2 <Image.Projection>
3 <PlaneProjection RotationX="0" RotationY="0" RotationZ="0" x:Name="pp"></PlaneProjection>
4 </Image.Projection>
5 </Image>
1 private void xSliderX_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
2 {
3 double x = (sender as Slider).Value;
4 this.pp.RotationX = x;
5 this.lblX.Content = x.ToString("F2");
6 }
至于3d应用,只是利用y轴旋转+clip属性,排出一个常用相册的UI界面(这种界面以后估计会在触摸屏上流行起来)
projection除了这里演示的3个参数外,另外还有9个参数可以调整,详情演示见
http://images.24city.com/jimmy/3d/
相关文章推荐
- silverlight3的"伪"3D续--图片横向轮换
- App Shortcuts 快捷方式 Android7.1 的"3D Touch"
- "NO 3D support is available from the host"
- "NO 3D support is available from the host"
- android 3d页面跳转
- 3D视频亮度的“向量和”模型
- 3D方面的一些英文词汇解释
- Android之bitmap的镜像3D翻转(绕x轴 Y轴)
- IE的"Kiosk"模式(你想要的啥都没有的全屏)
- FDM 3D打印机常见故障列总 挨个排除
- VPython - example - A simple 3D sine curve
- 不堪一击的"透明加密系统"
- ArcGIS在线应用介绍(8)web 3D地形图
- 【cocos2d-x 3D游戏开发】0: 3D时代到来,学cocos3D还是Unity3D?
- 精通 DirectX 3D 图形与动画程序设计 --- 卷首语
- 在程序中使用NV 3D Vision
- 3D场景的制作步骤
- labview做上位机+3D显示+MPU6050
- AutoCAD Civil 3D 2012正式发布
- 可旋转的汽车3D模型效果的实现