• Recommend a conscience website which is convenient for programmers to learn common algorithms of online animation


    Website: https://algorithm-visualizer The page after entering is the code farm style familiar to programmers: Suppose I want to learn the bubble sort algorithm, enter sort in the search column, and select bubble sort in the result list: After clicking, the sorting operation is in ready state. Click play to start: At this time, the JavaScript […]

  • How does scratch create the animation effect of bird flying?


    Scratch is very suitable for children’s programming. Scratch can create all kinds of wonderful animations. Today, let’s take a look at the tutorial of scratch to create bird flight animation. Please see the introduction below for details. Software name: Scratch programming tool v1.4 official installation Chinese version Software size: 32.5MB Updated: 2017-06-15 1. First, open […]

  • CSS arrow animation


    .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } //Add the infinite class, and the animation executes multiple times .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } // right arrow @keyframes bounceRight { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); } 80% { -webkit-transform: translateX(6px); transform: translateX(6px); […]

  • Using UIKit and uiview to perform IOS animation on views


    This article aims to become an introduction to IOS animation, aiming to introduce different implementation methods in detail. Given the breadth of the topic, we will cover each section concisely at a fairly high level. The goal is to teach the reader to add animation to his / her IOS application through a set of […]

  • HTML5 little game Tetris


    introduction On a sunny day, after reading the crazy HTML 5 + CSS 3 + JavaScript handout, I made the Tetris game in the last chapter of the book, and made some improvements as the first stop of my front-end learning. Game effect:       Production ideas   Because the Tetris in the book […]

  • JS animation effect summary


    JS animation function encapsulation — single object motion Change the width and height attributes of a div and the transparency attributes. *{margin: 0; padding: 0;} / \ * style\*/ < div id = “parent” >*/ #parent {position: relative; width: 200px; height: 200px; background-color: #f00; margin-left: -200px;} #son {position: absolute; width: 30px; height: 50px; background-color: green; […]

  • Creating cool animation with web animations API


    How to write animation gracefully with native JS? I believe waapi can help you. Web Animations API The web animations API (waapi) allows us to write and control animations in JavaScript.These APIs are designed to interface with CSS animations and CSS transitions. In the future, these APIs will be supplemented to make them more powerful. […]

  • Real native performance optimization guide [the most complete network, worth collecting]


    In 2020, talk about react native. In the fast-changing front-end circle, it may be quite different. I hesitated before writing the article, but I thought that writing technical articles was not fashionable or fashionable, so I wrote this article about real native performance optimization. The performance optimization of react native mentioned in this article has […]

  • Front end interview 3 + 1 Daily – the 150th day


    Today’s knowledge (September 13, 2019) – day 150 [HTML] how does HTML 5 make a page element or an entire page editable? #128 [CSS] tell me when to use transition? When to use animation? [JS] Why is js a single thread, not a multi thread? [soft skills] tell me about your understanding of heap and […]

  • One one app of high imitation Han Han studio


    In fact, it’s a mountain village Current completion: homepage Read Music Movies About me Recently, full fire is being implemented. GitHub portal:https://github.com/liuzho/ONEInterested friends canStartNow, pay attention to my follow-up actions. At the end of the articleSome praiseIt’s also great Although the fire is fully open, the student party still has classes at present, with progress, […]

  • 3D wind farm based on HTML5 + webgl


    Preface Wind energy is a kind of clean energy in development, which is inexhaustible. Of course, meteorological conditions and social and natural conditions should be taken into account first. In recent years, China’s offshore and onshore wind power has developed rapidly. Sea water and land provide a good geological guarantee for our wind power generation. […]

  • . obj and. MTL format details


    Obj file is a 3D model file format. A standard developed by alias|wavefront for 3D modeling and animation software “advanced visualizer”, which is suitable for mutual guidance between 3D software models and can also be read and written through Maya. Only model triangle data and material information are supported, without animation function support; The geometry […]