Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >Silverlight制作逐帧动画

Silverlight制作逐帧动画

用户1172164

发布于 2018-01-16 07:18:32

发布于 2018-01-16 07:18:32

1K0

举报

文章被收录于专栏：我和未来有约会我和未来有约会

打算用sl来制作一个游戏,我曾经有flash开发游戏的经验.现在想用sl来做.打算记录下我开发游戏探索的过程.

打开http://www.emu-zone.org/www3/host/emugif/ 这个网站.这里有很多游戏的gif动画.选一个存到本地用Fireworks打开.将其中的不同帧的图片取出做成一个png的图形.如下图所示:

用vs08建立sl项目.

新建立文件夹Controls.在这里我们放自定义用户控件.新建用户控件p.xaml

将刚才制作的png图片放入项目.

编辑用户控件

Image图片的Stretch的属性设置为None.图片处理请参考TerryLee大侠的一步一步学Silverlight

2系列（28）：图片处理.

将Image放入Canvas中

在新建立的Canvas的外层制作一个矩形.刚好挡住其中的一个人物.

选中矩形和Canvas设置遮照.

建立storyboard

设置StoryBoard放大300倍这样方便处理.

对Image进行操作.采用DiscreteDoubleKeyFrame设置其X坐标.

至此动画制作完成

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2008-03-24 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

鹅厂写码13年，我总结的程序员高效阅读方法论

进程，线程，协程 - 你了解多少？

微服务与分布式系统设计看这篇就够了！

腾讯文档表格卡顿指标探索之路

从Hadoop1.0到Hadoop2.0架构的优化和发展探索详解

微服务架构：由浅入深带你了解底层注册中心

silverlight中"制作逐帧动画"/"播放gif"收集

“逐帧动画”与“播放GIF”貌似二个风马牛不相干的问题，其实不然！因为silverlight中的image控件不支持直接把gif动画做为source，所以象做动画常用的"走路的小人","加载loading小动画"...这类经典gif素材，无法直接使用，只能转化为逐帧动画来处理。 nasa(silverlight MVP)给出于二种经典的办法： 1.类似老式电影放胶片的原理，用storyboard机制实现原文:https://cloud.tencent.com/developer/article/10

菩提树下的杨过

2018/01/23

1.3K0

silverlight中"制作逐帧动画"/"播放gif"收集

silverlight 《Hands-On-Labs》教程系列

Silverlight Fundamentals: Basic concepts of Silverlight 2 development [开发的基础] This lab explores the fundamental tools and features that underpin any Silverlight application. [在控件的使用和特点上做了介绍] Requirements: This tutorial requires the above installs along

用户1172164

2018/01/16

9260

从Flash到Silverlight进阶教程-用代码来创建动画

silverlight flash

从Flash到Silverlight进阶教程用代码来创建动画这节里将要讲述一个自定义用户控件最基本的操作，就好象Flash中的MovieClips一样，动态的将其添加到舞台上。首先你将要看到如何用ActionScript来添加一个MC到舞台中。让我们来看看在Flash中都做了什么。新建flash文件在第一帧添加两个按钮起好实例名称导入一张图片，以中心注册为MovieClips，将链接标识符设置为“man” 新建立一层命名为“as”，添加如下代码 as2.0版本： reset_

用户1172164

2018/02/28

9830

从Flash到Silverlight进阶教程-用代码来创建动画

用silverlight做动画-相机

用silverlight做动画-相机适合初学者学习做一个相机的动画和做flash动画一样，准备好素材将素材放入项目中开始正式制作前为了方便以后重用，就把这个动画做成usercontrol（和flash中的‘MovieClip’概念是一样的）创建一个UserControl 图片放入舞台中并且调整好位置用钢笔在最上层画一个图像做遮罩使用，和flash中的概念一样。讲上边的小图放入一个Canvas容器中选中Canvas容器和刚刚画出的图形制作遮罩将刚刚遮罩过的Canvas容器

用户1172164

2018/03/01

8600

Silverlight制作逐帧动画 v2 - part2

编程算法 silverlight

Silverlight制作逐帧动画 v2 - part2 在这里完善了一下算法，加入了fps的机制进去。 private string[] shippics = new string[] { "Ship1/1.png", "Ship1/2.png", "Ship1/3.png", "Ship1/4.png" }; protected DateTime lastTick; protected TimeSpan elapsed; priva

用户1172164

2018/01/16

6110

图解-Silverlight做一个简单的动画

简述：做一个最简单的动画，这里用到的Microsoft Expression Studio中的Design和Blend。首先在Design中做好你要做动画的图片，然后将图片导出为Silverlight的Xaml格式。用 Blend新建立一个Silverlight 2项目，将刚才生成的Xaml导入Blend。在Blend对导入的Xaml做创建控件、命名元素、制作动画状态等处理，简单的写一个控制动画状态的方法，最终发布即可。详解：第一部分：从design到blend 首先先在Design中做好动

用户1172164

2018/02/28

1K0

WPF 机械类组件动画制作流程简述

动画原理 wpf storyboard 布局

创建组件用户控件，将组件的各部分 “零件”(图片) 拼装在一起，形成组件的默认状态：

独立观察员

2025/03/06

770

WPF 机械类组件动画制作流程简述

[silverlight] silverlight3新增功能2：WriteableBitmap

使用 WriteableBitmap 类基于每个框架来更新和呈现位图。这对于拍摄正播放视频的快照、生成算法内容（如分形图像）和数据可视化（如音乐可视化应用程序）很有用。

dino.c

2019/01/18

4440

[silverlight] silverlight3新增功能2：WriteableBitmap

Silverlight项目中"自定义控件开发/Style"学习笔记

本文不涉及高深的设计模式(比如mvc,mvvm之类)，也没有太多的编程技巧，只是记录自己做为asp.net开发者学习silverlight中自定义控件开发的一些过程，高手请绕过。先推荐一篇不错的文章http://www.cnblogs.com/carysun/articles/1259025.html 写得很全面，只不过图片讲解不够丰富，初学者可能有些感到跳跃性大了一些。正文开始: 做过asp.net网站开发的都知道用户控件是一个很方便的功能，通常我们会把一些模块化的功能封装成用户控件，用的时候直

菩提树下的杨过

2018/01/23

9850

Silverlight项目中"自定义控件开发/Style"学习笔记

Silverlight之ListBox/Style学习笔记--ListBox版的图片轮换广告

ListBox是一个很有用的控件，其功能直逼Asp.Net中的Repeater，它能实现自定义数据项模板，纵向/横向排列Item(如果扩展一下实现自行折行，几乎就是SL版的Repeater了--实际上WrapPanel已经实现了，不过没有默认集成在SL3中). 这里推荐一个老外的文章 http://blogs.msdn.com/delay/archive/2008/03/05/lb-sv-faq-examples-notes-tips-and-more-for-silverlight-2-beta-1-s

菩提树下的杨过

2018/01/22

1K0

Silverlight之ListBox/Style学习笔记--ListBox版的图片轮换广告

[翻译]开发Silverlight 2.0的自定义控件

原文：Developing a Custom Control for Silverlight 2.0 译者：张善友 Download MediaButton_demo - 131.06 KB

张善友

2018/01/30

7350

[翻译]开发Silverlight 2.0的自定义控件

制作高大上的Canvas粒子动画

制作粒子动画效果要解决两个问题：一个是粒子动画轨迹，另外一个是粒子执行动画的时机。首先来看下我们准备要做的粒子动画效果是怎么样的~ 是这样（粒子漂浮）：或者这样（粒子轨迹动画）：甚至是这样

练小习

2017/12/29

2.5K0

[UWP]用Shape做动画

相对于WPF/Silverlight，UWP的动画系统可以说有大幅提高，不过本文无意深入讨论这些动画API，本文将介绍使用Shape做一些进度、等待方面的动画，除此之外也会介绍一些相关技巧。

dino.c

2019/01/18

2K0

WEB动画的几种实现方式

svg css canvas 云点播 flash

WEB 的动画实现多种多样，随着 H5 的发展，实现动画的方式越来越多了。初步统计实现动画的方式有以下一些方式实现

chuchur

2022/10/25

2.4K0

用flash做古诗动画_Flash制作跟我学用遮罩技术制作古诗动画-FLASH课件制作（FLASH课件制作教程）－flash课件吧（湖北金鹰）…

flash https java 网络安全

提示:遮罩—使用遮罩图层可以让Flash设计者有选择地显示图层的某些部分，应用遮罩需要创建一个图层成为遮罩的图层，而它下面的图层即成为被遮盖的图层。

全栈程序员站长

2022/08/14

2.2K0

Windows Phone 7实战第一天设计启动页面和应用程序图标

数据处理 windows

每一个 Windows Phone 7 应用程序在启动时多少会花上一些时间，在这个等待的时刻经常都会摆放一些启动画面 (Splash screen) 先来充充场面，以免加载时间过长而导致使用者不耐烦，而在这个启动屏幕里是一个很好的宣传页面，可以把产品的广告，作者介绍在这里显示、品牌信息都显示在这个页面里，当然时间不能太长、也不能太短，否则若这个启动屏幕跑得太快，那就没有出现的必要性了，有时后这种必要的“慢”也是一种艺术。首先我们建立一个默认的Silverlight For windows Phone的项

张善友

2018/01/22

9550

Windows Phone 7实战第一天设计启动页面和应用程序图标

干货 | React 中的 Canvas 动画

canvas 渲染 javascript react css

移动端硬件性能越来越好的今天，页面的交互也越来越丰富，Web 体验在不断向原生应用靠拢，加入了越来越多的手势与动画。除了常见的 CSS 动画外，有时候我们还会使用到 Canvas 或者 SVG 进行动画内容表现。

携程技术

2021/12/13

3K0

干货 | React 中的 Canvas 动画

H5动画开发快车道

前言以往做一些H5的运营项目，都是动画设计师使用Animate cc（原来的Flash）先设计好动画原型，然后交给我们UI开发来实现。做过动画开发的童鞋都知道动画开发都是比较耗费时间精力的，而且还要高质量的还原动画设计师设计好的动画，来回沟通成本也非常高。那有没有一种高效的方法来改善这种流程，提高开发效率的同时还能完成高品质的动画呢？经过一段时间的摸索，发现AnimateCC（就是原来的Flash）可以导出canvas动画，而且是基于createjs这个开发轻量级游戏的js库的，非常适合用来做移动端的

前朝楚水

2018/04/03

5.3K0

HTML5(五)——Canvas API

canvas api 编程算法

Canvas API（画布）提供了一个通过 javascript 和 html 的 canvas 元素来在网页上实时绘制图形的方式。可用于动画、游戏、图标、图片编辑等多个方面。

呆呆

2021/09/29

6340

【 iOS 应用开发】 UIKit 控件 ( UIView 属性 | storyboard 设置 | 模拟器 | 拖线关联 | tag | 软键盘操作 | 颜色值 | 代码生成控件 | 动画设置 )

uiview 动画对象开发事件

LaunchScreen.storyboard 界面 : 该界面不是用于展示应用程序的界面 ;

韩曙亮

2023/03/27

5K0

【 iOS 应用开发】 UIKit 控件 ( UIView 属性 | storyboard 设置 | 模拟器 | 拖线关联 | tag | 软键盘操作 | 颜色值 | 代码生成控件 | 动画设置 )

相关推荐

silverlight中"制作逐帧动画"/"播放gif"收集

更多 >

LV.0

这个人很懒，什么都没有留下～

作者相关精选

换一批

加入讨论

的问答专区 >

穿过生命散发芬芳0

相关课程

一站式学习中心 >

AI绘画-StableDiffusion图像生成

大模型图像创作引擎

高性能应用服务

云原生降本增效实战营