When presenting the recent Cocos Open-Source Game Development Primer Tutorial as shown below, we introduced another technique of presenting a series of images in a presentation format of some use. Putting it into context itโs the green bit of โฆ
If clicking todayโs tutorial
picture is not your style, below, weโve broken it into that approachโs two components โฆ
- Preparatory installs and project creation and configurations โฆ and โฆ
- Running projectโs animation in situ (recorded off a Windows laptop via an Android Phone Camera appโs Video option and emailed on and downloaded to MacBook Pro and uploaded to the website โฆ so there, ngaaaaa! โฆ sorry if you canโt play .mp4)
- Now in putting this PDF presentation together we used Mac OS X desktop application Preview, that comes with the Mac OS X โout of the boxโ installation of its operating system. We create a PDF via Preview via Finder window highlighting of all the sequenced images and using two finger gesture (equivalent to Windows right click) option Open With -> Preview
- Once in Preview we Edit -> Select All to highlight all the images, and then we do something a bit counterintuitive, perhaps to some, to create the PDF (that contains all the images).
- We then use File -> Print โฆ believe it or not โฆ to construct our PDF โฆ why? โฆ well, perhaps you should read our Document Fidelity Primer Tutorial which outlines a little the purpose of PDF as a file type on the net โฆ it is there to be the file format โonlineโ that is like you printing out hard copy on your home or office printer, the โfidelityโ bit being about how this is interesting for applications not wanting to leave a โpaper trailโ โฆ chortle, chortle โฆ regarding metadata left on the net (as distinct from the oodles and oodles of metadata โpaper trailโ information left by HTML) โฆ and so, hope you can see why our final solution to creating a PDF that consists of a series of sequenced images might involve the File menuโs Print option โฆ
- And once there we adjust things like Landscape (versus Portait) orientation and importantly change the bottom left โPDFโ dropdown to have the value โSave as PDFโฆโ then hit the Print button โฆ that opens โฆ
- The โSaveโ dialog box where you can specify what the output name of the PDF file should be for your printout of image data feeding into the resultant output PDF file.
So letโs just present to you today the look of this happening in another of our compiled list of โpresentation of image dataโ techniques, below, that weโve used at this blog, to date โฆ an animated GIF โฆ
- Single image (with/without annotations added by, primarily, Paintbrush) often snapshotted on Mac OS X via Grab (for further reading, please read Paintbrush and Grab Primer Tutorial) or on Windows via the PrntScn keyboard button
- PDF (as above)
- Our homebrand slideshow (with the โ@โ link at the left) โฆ whose functionality we โharnessโ with our โVisual Synopsisโ ideas talked about with WordPress Visual Synopsis Automated Scrolling Tutorial
- Another homebrand โinline blog postingโ Javascript DOM technique we refer to at this blog, occasionally, as the โTwirlโ โฆ first talked about, and you can โView Page Sourceโ in regard to, with PHP/Javascript/HTML Google Chart Motion Chart Tutorial
- Lightbox (which you can read about at Javascript/CSS Lightbox Primer Tutorial)
- HTML Map and Area and Audio Commentary (which you can read about at Apple iOS Siri Audio Commentary Tutorial)
- Animated GIF via Gifpal and via our inhouse approach (via HTML files like this one)
- PowerPoint slideshows (to HTML)
- YouTube via Movavi Video and Audio Slideshow Tutorial
- Inhouse Gallery idea we talked about at PHP/Javascript Dynamic Gallery Primer Tutorial
- Showing eMail attachments, as we used at Visual Studio Code on Mac OS X for .NET Core and C# Tutorial
- Staged Animation inhouse idea talked about at HTML/Javascript Staged Animation Meter Presentation Tutorial
- Mac OS X iPhoto Slideshow to iTunes and iMovie Movie ideas presented at Mac iPhoto Slideshow to iTunes and iMovie Movie Primer Tutorial
- Homegrown Vertical or Angled Slideshow started at Vertical Slideshow Tool Primer Tutorial
- Panoramic Image Presentation at Panoramic Image Presentation Primer Tutorial
- Zipfile Parsing to Image Gallery โSlideshowโ at Zipfiles in PHP Primer Tutorial
- Multiple Class Slideshow at Multiple Class Slideshow Primer Tutorial
- Gmail Attachments to PDF Slideshow at Gmail Attachments to PDF Slideshow Primer Tutorial
- Image Gallery Figcaption Primer Tutorial at Image Gallery Figcaption Primer Tutorial
Previous relevant Cocos Open-Source Game Development Primer Tutorial is shown below.
Games development is huge on the net, and so there are good reasons to get into โOpen-Sourceโ for collaborative purposes and to pick the brains of experts in forums and blogs and chatrooms about what is good and what is a waste of time.
In our recent foray back into the Visual Studio world, we shaped to try out what was on offer with Visual Studio Express 2015 on Windows 10 related to a Games project, and stumbled on the โCocos Open-Source Development Systemโ based on the โCocos2d Frameworkโ information from Wikipedia (thanks) โฆ
Cocos2d is an open source software framework. It can be used to build games, apps and other cross platform GUI based interactive programs. Cocos2d contains many branches with the best known being Cocos2d-objc, Cocos2d-x, Cocos2d-html5 and Cocos2d-XNA. There are some independent editors in the cocos2d community, such as those contributing in the areas of SpriteSheet editing, particle editing, font editing and Tilemap editing as well as world editors including SpriteBuilder and CocoStudio.
Weโve got together a โHello Worldโ feeling of โstumbling alongโ getting a sample project to run an animation to dip our toes into the deep deep oceans of knowledge swirling around this topic โฆ ie. we want you to know you can do it โฆ and we donโt work for Nike?!
If clicking todayโs tutorialpicture is not your style, below, weโve broken it into that approachโs two components โฆ
- Preparatory installs and project creation and configurations โฆ and โฆ
- Running projectโs animation in situ (recorded off a Windows laptop via an Android Phone Camera appโs Video option and emailed on and downloaded to MacBook Pro and uploaded to the website โฆ so there, ngaaaaa! โฆ sorry if you canโt play .mp4)
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.