• Using ImageMagick to manipulate GIF graphs


    In the last article, we have learned many functions in graphicsmagick. We also said that graphicsmagick is a branch of ImageMagick, so many of their functions are used in the same way and effect. We won’t say more about similar contents. Interested friends can directly consult the official documents. In this article, we want to […]

  • International Olympic Day | move with Mr. tcallus DB!


    On June 23, the 74th “International Olympic Day” came immediately. You may be a little strange about this festival. As the old rule, Mr. tcallusdb will popularize science for you first! Olympic Day was established by the International Olympic Committee in 1948 to commemorate the modern Olympic Games born in Sorbonne, Paris, on June 23, […]

  • Canvas sprite encapsulation


    When making canvas animation, the quality of wizard encapsulation directly affects the subsequent programming experience. The following packaging method comes from HTML5 canvas core technology graphics, animation and game development, which realizes the decoupling between sprites and drawing objects. It is easy to use. I usually use this writing method myself. A complete sprite consists […]

  • Advanced skills of CSS (7)


    Display and hide of elements Display show (hide) Show and hide Display: none (hidden) Display: block (display) characteristic Hide elements first <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Document</title> <style> * { margin: 0; padding: 0; } div { width: 200px; height: 200px; margin: 20px 20px; background-color: blue; } .box1 { […]

  • Recommendation of serial port debugging tools


    In the embedded development, we always face all kinds of messages from the terminal. Different equipment and terminal manufacturers have their own message protocol. How to debug and test is a very important thing in the development process. If you do well, you get twice the result with half the effort. Sharp tools make good […]

  • Using canvas to realize text editor (support WordArt rendering and animation)


    introduction At present, there are two main technical solutions to the implementation of rich text editor: one is to directly edit HTML elements by using content ditable attribute, such as draft.js The other is proxy textarea + custom div + simulated cursor. For the classic rich text editor similar to “word”, one of the above […]

  • Another open source icon library CSS.GG It’s worth using


    Hi, I amMartin, also known as Lao Wang, today I recommend an easy-to-use open source icon library. We usually look for iconsiconfont But today, we saw itMartinAfter that, there will be a new choice——CSS.GG Github https://github.com/astrit/css.gg star 5751 fork 214 Watch 86 Project introduction 700 +pureCSS, SVG & Figma UI IconsAvailable inSVGSpirit map,styled-components, NPM & […]

  • A technique of using lanimationtimeline in lufylegen engine


    Introduction to lufylegen engine Lufylegen is an HTML5 open source engine, which implements the development of HTML5 using the syntax of ActionScript 3.0. It includes lsprite, lbitmapdata, lbitmap, lloader, lurlloader, ltextfield, Levent and other classes familiar to as developers, and supports Google Chrome, Firefox, opera, IE9, IOS, Android and other popular environments. Using lufylegen can […]

  • Pixi exploration record


    During the Spring Festival, a friend shared an article on Netease Jung H5 https://azi.music.163.com/c/rongge_test/index.htmlIt’s beautiful. We need to study the implementation principleNetease’s Jung mental prototype is the best H5 test I’ve seen this year! Look at the JS request: JS search research one by one;The first one: pixijs, a search found that pixijs is very […]

  • Python – Project – Game 3 – Sprite? Smurf?


    Wait a minute. We just made a moving picture Project source code I don’t know if you have found that we just drew a moving picture, just a picture!!! That’s all. If there are 100, 10000 + pieces? So we’re so tall? Don’t worry, pyGame provides us with a solution – sprites and sprites spirit? […]

  • Pixijs basic tutorial


    Pixijs is a lightweight 2d rendering engine that automatically detects whether webgl or canvas is used to create graphics. This library is often used to create HTML 5 games and H5 active pages with complex interactions. Setting up the environment Note: This article uses the latest V5 version of Pixi and uses parcel for modular […]

  • Implementation scheme of “3D Medal” in open class


    Implementation scheme of “3D Medal” in open class ——Loading. Obj and. MTL in OpenGL es 2.0 Previous rendering Seeing this demand, the direct response isLoading an. Obj (vertex data) and. MTL (color and material information) file with OpenGLESIt’s done (. Obj and. MTL files are exported by designers with 3DMAX, Maya and other tools).I thought […]