cukengwei3786-CSDN博客

翻译带倍速播放的播放器_带有HTML5的MP3播放器-第2课

带倍速播放的播放器MP3 Player with HTML5. Lesson 2 – Controlling Play, Pause and Stop with Javascript In the previous section we created an audio element using HTML5 and then controlled it using the built-in c...

2020-08-05 15:26:14 342

翻译 HTML5游戏开发–第6课

HTML5 Game Development – Lesson 6 This is our next game development article. We continue a series of articles on game development in HTML5 using canvas. Today this is quite complete game example – it ...

2020-08-05 15:16:10 131

翻译 h5动画怎么循环_HTML5动画–带有循环的模式

h5动画怎么循环HTML5 animation – patterns with loops. I have prepared new HTML5 tutorial for you. This is not quite regular ‘html5 game development’ tutorial, but I like to show you another demonstration of ...

2020-08-05 13:22:30 1291

翻译 html 图片剪裁工具_HTML5图像裁剪工具

html 图片剪裁工具HTML5 image crop tool I have prepared new great HTML5 tool for you (with tutorial). I have made ‘Crop tool’ in html5 (canvas). Now we can crop images at client side too. Now we don`t need t...

2020-08-05 09:23:38 803

翻译在HTML5中创建动画壁炉

HTML5 fire effect tutorial. New interesting HTML5 tutorial – I will tell you how you can create nice attractive html5 canvas fireplace. Main idea – to draw a live fire at canvas. HTML5火焰效果教程。新的有趣HTM...

2020-08-05 07:52:31 169

翻译 HTML5图表和图形

HTML5 charts and graphs Today I have found one interesting library – flotr2. This is opensource library for drawing HTML5 charts and graphs. It allow to draw charts in different modes like: lines, bar...

2020-08-05 06:21:41 200

翻译主画布子画布_HTML5画布幻灯片

主画布子画布HTML5 Canvas Slideshow In this tutorial we are making a HTML5 Slideshow (canvas) with own animated transitioning effect. The main idea – drawing images with higher contrast in the ends of trans...

2020-08-05 06:11:39 246

翻译 HTML5颜色选择器（画布）

HTML5 Color Picker (canvas) In our new tutorial we are going to create an easy, but effective color picker using HTML5. I think that you have already seen different jQuery versions of colorpicker, our...

2020-08-05 05:51:31 1679

翻译 html5底部菜单_底部菜单构建器（HTML5）

html5底部菜单Bottom Menu Builder (HTML5) Bottom navigation website menu. I am sure that you have seen it many times (at different websites). As usual, this is three-four columns menu with different links....

2020-08-05 05:40:47 790

翻译在HTML5 Canvas中创建图像缩放器

HTML5 canvas – Image zoomer. New interesting tutorial – I will show you how you can create nice and easy Image zoomer using HTML5. Main idea – to draw a picture on the canvas, add event handlers to mo...

2020-08-05 05:30:48 209

翻译 pan图像全色图像_HTML5图像效果–棕褐色

pan图像全色图像HTML5 Image Effects – Sepia Today we continue our HTML5 canvas examples, today I want to share with you a method of applying a sepia effect to images. This is not a very difficult method, any...

2020-08-05 05:10:13 1531

翻译创建3D动画框HTML5 WebGL照片幻灯片

WebGL Box photo slideshow. Today we continue HTML5 canvas examples. I use WebGL technology in order to map a sequence of images on a rotating cube. Cube is not just spinning all the time, but also mak...

2020-08-05 04:41:23 272

翻译 HTML5 canvas像素化效果

HTML5 canvas pixelate effect. New great HTML5 tutorial – I going to tell you about creating pixelate photo effect with html5 (at canvas). More, this is not static effect, but it will be pixelating all...

2020-08-05 04:02:16 396

翻译在WebGL中创建照片阵列

Onclick approaching photos array with webgl. Today we continue HTML5 WebGL examples. I prepared a nice photo gallery for you. Images in this gallery will be replaced by a mouse click. 使用webgl的Onclick...

2020-08-05 03:42:52 154

翻译强大的聊天系统–第3课

Powerful Chat System – Lesson 3 Today we continue a series of articles on the creation of powerful chat system. Our third lesson will contain next elements: join form (with html5 validation). A long a...

2020-08-05 03:21:25 127

翻译带有JcropHTML5图片上传器

HTML5 Image uploader with Jcrop We have received several inquiries for the last time from our readers with a question – how to upload photos to website. I think that this is an interesting question, a...

2020-08-05 02:42:17 90

翻译 HTML5游戏开发–第7课

HTML5 Game Development – Lesson 7 Today we will create our first complete game – Arkanoid. In this lesson I will show you how to detect basic collisions and work with HTML5 local storage. You can oper...

2020-08-05 02:31:18 105

翻译 HTML5游戏开发–第10课

HTML5 Game Development – Lesson 10 Finally we can continue the series of articles on game development in HTML5 using canvas. Today I have prepared a new game – SkyWalker. Basically – this is a flight ...

2020-08-05 02:20:55 162

翻译 HTML5游戏开发–第8课

HTML5 Game Development – Lesson 8 This is our next game development article. We continue a series of articles on game development in HTML5 using canvas. Today I will show how to apply some physics to ...

2020-08-05 02:02:36 114

翻译 HTML5视频播放器jQuery插件

HTML5 Video player jQuery plugin As you know – HTML5 <video> element is already supported by most of browsers (by modern browsers). Its initialization is very easy. During today’s investigation ...

2020-08-05 01:52:49 312

翻译 html5游戏开发_HTML5游戏开发–第4课

html5游戏开发HTML5 Game Development – Lesson 4 Today we continue a series of articles on game development in HTML5 using canvas. Today we going to learn next elements: animation with sprites and basic wor...

2020-08-05 01:32:41 156

翻译图像处理 hdr_HTML5图像效果– HDR模拟

图像处理 hdrHTML5 Image Effects – HDR simulation Today I would like to return to our html5 canvas experiments. And we will prepare nice HDR (High dynamic range) filter for images. We will use pixel transf...

2020-08-04 23:45:46 655

翻译主画布子画布_情人节的10个HTML5画布示例

主画布子画布10 HTML5 canvas examples for Valentine’s Day I had to prepare this a few days ago, but I hope that it’s not too late. I want to introduce you the pleasant html5 examples for women, especially o...

2020-08-04 22:25:55 144

翻译使用HTML5创建动画的移动云

HTML5 clouds HTML5云 Today I have prepared you something really entertaining. Of course, we implement it with our favorite html5. This work will show you how to create a beautiful flying clouds across...

2020-08-04 21:56:06 284

翻译 canvas 动态绘画_HTML5 canvas –创建自己的绘画程序

canvas 动态绘画HTML5 canvas – Creating own Paint program tutorial. New interesting article about canvases in HTML5 – I will show you how you can create nice and simple Paint program. Main idea – to draw a...

2020-08-04 21:35:05 290

翻译火车头过滤 css样式_HTML5和CSS3过滤器中的网络摄像头视频捕获

火车头过滤 css样式Webcam Video Capture in HTML5 and CSS3 filters As we know – HTML5 defines a new element called <video> for embedding video. Usually people use this element to embed a video into web p...

2020-08-04 21:16:40 321

翻译 HTML5游戏开发–导航飞船-第3课

HTML5 Game Development – Lesson 3 Today we continue a series of articles on game development in HTML5 using canvas. Finally, today we will start adding animation, and few more interesting features. Ou...

2020-08-04 18:24:55 159

翻译 HTML5径向渐变

HTML5 Radial Gradient The one of our readers asked me – what if generate a radial gradient with html5 instead of using ready images (for our’s color picker which we developed several days ago). And, I...

2020-08-04 15:47:03 535

翻译 HTML5时钟

HTML5 Clocks For our new lesson I have prepared nice pure HTML5 clocks. This is pretty easy script, but it is very easy and impressive (as usual). Of course – anything necessary will be at canvas obje...

2020-08-04 14:26:07 302

翻译 html5 3d立方体_HTML5 3D立方体幻灯片

html5 3d立方体HTML5 3D Cube Slideshow Our new tutorial tells us about creation of animated 3D Cube slideshow (pictures are located within the walls of the cube). The cube itself rotates continuously. HT...

2020-08-04 13:57:03 159

翻译 HTML5图像效果–浮雕

HTML5 Image Effects – Emboss Today we continue our HTML5 canvas image filter examples, today I would like to share with you a method of applying a Emboss effect to images. This is pretty difficult met...

2020-08-04 13:35:15 762

翻译 HTML5画布旋转球

HTML5 Canvas Twirl Sphere Today, I would like to tell about creation of animated Twirl Sphere (I modified our previous 3D sphere, and, I used same way of accessing pixels of canvas). Our sphere goes a...

2020-08-04 13:25:24 267

翻译赵强大数据vip课_强大的聊天系统–第6课

赵强大数据vip课Powerful Chat System – Lesson 6 Today we continue a series of articles on the creation of powerful chat system. In our sixth lesson I have added a list of online members (I will show you how ...

2020-08-04 13:15:11 93

翻译单页后台_复古商店–电子商店的单页布局。

单页后台Retro shop – single page layout for your e-shop. Today I have prepared for you another interesting template. It is vintage template layout. In retro styles. It has friendly and warm colors. Sure t...

2020-08-04 12:44:42 171

翻译 html5游戏开发_HTML5游戏开发–第9课

html5游戏开发HTML5 Game Development – Lesson 9 Today we continue the series of articles on game development in HTML5 using canvas. For today I have prepared new game. I have updated our lesson 4 and added...

2020-08-04 12:25:12 413

翻译 HTML5拖放–在相册之间对照片进行排序

HTML5 Drag and Drop – sorting photos between albums Today, I would like to tell you about Drag and Drop and HTML5. As you know (I hope), all modern browsers (it should be FF, Safari, Chrome, possible ...

2020-08-04 11:55:34 228

翻译 HTML5拖放多个文件上传器

HTML5 Drag and Drop Multiple File Uploader Our new article is going to tell you about HTML5 file upload. Yes, I explained basics of html5 file upload in the past (in one of our previous articles), but...

2020-08-04 10:16:49 278

翻译 android 底部菜单_底部菜单构建器第2部分

android 底部菜单Bottom Menu Builder Part 2 (HTML5) Today – our final part of our ‘Bottom Menu Builder’ which we started yesterday. We are going to implement our final features: Preview and Export (optiona...

2020-08-04 07:37:12 82

翻译 three.js 动画_Three.js –动画对象

three.js 动画Animation in 3D space – one of the integral and exciting processes. Animation gives life to your static scene. I think you have already thought about the animation of objects when working w...

2020-08-04 06:47:43 536

翻译 Three.js –拖放对象

three.js 隐藏对象The Drag and Drop feature is one of important features of nearly every interactive environment. Use the mouse to interact and drag and drop objects is very native. However this feature is...

2020-08-04 05:48:05 362

空空如也

空空如也