Blog - Kwiksher

A Simple Responsive Layer

A Kwik4 new feature A simple responsive layer Layer properties has the following checkbox For instance, Left is checked, it translates the layer by the following codes. (display.display.safeActualContentWidth -480)/2 -- iPhoneX notch is identified with safeActualContent the red buttons are sticked to the borders and then each button has set with TOP or Bottom, Right or Left. "Top Left" text layer is set with Top & Left iPhone 6 iPhone X has a notch iPad Pro This feature only works for Ultimate config @4x project only. -- reference Background layer Kwik.ATN for resizing the canvas size of a PSD could be useful to view the entire background layer https://github.com/kwiksher/blog/master/simple_responsive_layer.mdMarkdown with...

Camera Frame – Zoom Pan

Camera Frame with Pan & Zoom Youtube Demo https://youtu.be/msLM1P9syiY Using linear animation to the entire page (sceneGroup) for a shot,panning and zooming. ↓ ↓ ↓ Steps prepare a large background layer create a folder (layer set) named as "-frames" . Notice the hyphen is prefixed with "frames". It tells the layers in -frames are used for camera framing such as Zoom or Pan. rectangles in -frames should have the same aspect ratio of content area. Kwik displays the specified area of rectangles to zoom in/out to the size of the content area. for instance, the following rectangles are created. You can set an unique name to each layer in -frames....

Character Animator – PNG sequence

This new feature in Video replacement supports to play PNG sequence files generated from Adobe Character Animator or any other software. You need the latest Kwik4. Corona runs at 30 fps. You can check it with debug print with FPSCalculator However if you create hundreds of pngs with full screen size, the app size becomes huge. Be careful. In Character Animator A background psd file is added. Blending Mode is normal for Blank Face's Character Layer. Export PNG Sequence In Kwik Video Replacement for bg layer. Click Use png files Input the filename of the first PNG sequence. For instance, the sequence starts from "Blank Face.000.png", Blank Face 000 don't...

Sprite sheet from Adobe Animate

Please download the latest Kwik4

jig-saw puzzle tutorial

I posted a new tutorial for making a jig-saw puzzle with Kwik https://www.kwiksher.com/doc/kwik_tutorial/interactions/drag_kwikcatpuzzle/ I am attending COMITIA 129 on Aug 25 in Tokyo Enjoy your summer!

Drag A Shape With Particles

Demo: https://kwiksher.com/demo/drag_with_particles/ Sample: https://kwiksher.com/tutorials/Kwik4/Drag_with_particles.zip Create Partciels to Circle shape Create Group of Cricle and Star Add Actions act_start to play the particles act_stop to stop the particles Drag the group Hide Circle for initialization 1. Particles Particle Replacement to Circle shape Particle window > Create/Edit partilce to open ditor Particle Editor 2. Create Group. Group WIndow to group Circle and Star together * Name: gp_StarCircle 2. Add Actions act_start * Play Particles * Show Circle act_end * Stop Particles * Hide Circle 3. Drag Group: gp_StarCircle Trigger action on dragging: act_start Trigger action on release :act_end 4. Hide Hide layer: Circle That's all. Publish and Enjoy https://github.com/kwiksher/blog/master/drag_with_particles.mdMarkdown with by wp-gfm

Kwik 4 Utilities – converting Kwik3 .kwk for Kwik4

You can download the scrips from github https://github.com/kwiksher/kwik4Util download the script file to ~/Documents/Kwik open photoshop File > Scripts > Browse.. Select the script then a file dialog appears to select a .kwk file of your project. Open the project (.kwk) with Kwik4. Kwik3 project folder lacks the tmplt folder of Kwik4, you can add it from Project Properties > Publish > update template. It adds the tmplt folder which contains lua template files for publish. KwikResize KwikResize.jsx translates the coordinate [x,y] in a Kwik3 project to the coordinate x, y of ultimate config(@4x) system of Kwik4 the value of Kwik3 project file (.kwk) is updated for Kwik4. The following...

Adobe Animate (Flash)

I am hosting Adobe Animate Meetup in Tokyo on Feb 12, 2019. I looked over a book of Flash from Ajar Productions. Also reviewing Animate CC 2019, a new age of animation is coming. https://ajarproductions.com/blog/flash-extensions/ https://ajarproductions.com/blog/2010/09/13/animation-for-flash-now-shipping/ Animation With Scripting For Adobe Flash Professional CS5 Studio Techniques Chris Geornenes and Justin Putney Copyright @2011 The mere formulation of a problem is far more often essential than its solution, which may be merely a matter of mathematical or experimental skill. -- Albert Einstein Technical aspects File Setup Asset Library Scene Title Safe and Action Safe Timeline Layer ActionScript JSFL Script Camera Techniques Panning Parallax scrolling Zooming Audio Creative phases Narrative - the...