ePanorama.net » HTML5

Google’s Song Maker

Tomi Engdahl — Mon, 05 Mar 2018 19:58:12 +0000

https://techcrunch.com/2018/03/02/googles-song-maker-experiment-makes-making-songs-easy/

Google has added a new instrument to its Chrome Music Lab: Song Maker. Song Maker allows you to make songs. Everything happens in the browser.

Song Maker is essentially an easy to use sequencer that lets you draw melodies in the browser. You are able to define a sequence of notes using a chessboard of sounds, and Song Maker loops over them repeatedly. You get to choose between a few instruments like a piano, strings, woodwinds, a synth and a marimba. There’s also a small rhythm section with drums. You can customize things like the tempo, as well as the scale, active range, and beats per bar.

You don’t necessarily need to know anything about music to write a song. You can experiment by throwing notes together. And it can be entertaining. Create your own simple jams using Chrome – and works also with Firefox. It’s easy enough to use a child could enjoy it. And also adults can enjoy it as well. The finished product can be saved for your own personal enjoyment or sent to a friend by sending URL to song.

So now just start playing with Song Maker. Here are some simple few minute tests with it: https://goo.gl/qRnE6t and https://musiclab.chromeexperiments.com/Song-Maker/song/5196028349251584 and https://musiclab.chromeexperiments.com/Song-Maker/song/5677850262765568

And once you have graduated from Sound Maker, there’s all kinds of more complex browser-based sequencers that you can experiment with: including the likes of Sampulator, Acid Machine, Google Music Lab’s Melody Maker tool and Sonant Live.

Check also my earlier Make music in your browser posting from few years back for some more browser music tools.

The Death of Flash and Rewriting Old Code

Tomi Engdahl — Sat, 23 Dec 2017 07:57:33 +0000

https://www.gamasutra.com/blogs/DougPearson/20171212/311570/Post_Mortem_The_Death_of_Flash_and_Rewriting_14_Million_Lines_of_Code.php

Adobe recently confirmed the suspicion held by many in the games industry that Flash is a dying platform. The official announcement that Flash will be discontinued in 2020 is threatening the infrastructure for many games and mobile apps, putting developers in a position to either abandon or overhaul their proprietary code built meticulously over the course of years.

The question was whether to start over by building a new platform from the ground up, or find a solution to transfer current codebase to a new platform. Finding the right solution was not going to be easy.

Option #1: Unity

Option #2: HTML5

Option #3: Xamarin

Option #4: Haxe

After selecting Haxe, the team decided to parcel the transition into four parts. With any major undertaking, challenges are bound to arise.

A 10-step guide to creating an email client with Webix framework

Tomi Engdahl — Mon, 12 Jun 2017 05:56:51 +0000

https://opensource.com/article/17/5/10-step-guide-webix-framework?sc_cid=7016000000127ECAAY

Free Webix framework is a JavaScript and HTML5 framework for developing cross-platform, data-rich web applications with responsive user interfaces. The library is fast, lightweight, and easy to learn. Integration with AngularJS, Vue.js, and jQuery may be pretty handy. Based on this article Webix looks interesting.

Google’s New Program ‘AutoDraw’ Will Help Your Drawings Suck Less

Tomi Engdahl — Thu, 13 Apr 2017 05:36:49 +0000

http://interestingengineering.com/googles-new-program-autodraw-help-drawings-suck-less/

AutoDraw uses machine learning to match your doodles with professional works in order to clean up a sketch.

Simply pull up AutoDraw on your phone, tablet, or desktop computer and start sketching.

As you draw, image suggestions will appear above the drawing pad.

“We hope AutoDraw will help make drawing and creating a little more accessible and fun for everyone,” said the Google AI Experiments team.

I found this AutoDraw interesting and entertaining. Try it at

https://aiexperiments.withgoogle.com/autodraw

https://www.autodraw.com

What every Browser knows about you

Tomi Engdahl — Wed, 14 Dec 2016 19:11:38 +0000

http://webkay.robinlinus.com/ Take a look at here to get idea how much your web browser knows about you and can tell to web apps when properly asked. →

Is Model-View-Controller dead on the front end?

Tomi Engdahl — Fri, 11 Nov 2016 08:05:58 +0000

https://medium.freecodecamp.com/is-mvc-dead-for-the-frontend-35b4d1fe39ec#.1q38fj8mz

This article shows that popular classic MVC model does not seem to be the best approach to build many modern web applications.

ASTRA by @p01

Tomi Engdahl — Sun, 07 Aug 2016 07:50:25 +0000

http://www.p01.org/ASTRA/ Cool computer demo made with only one kilobyte of JavaScript code! Video: https://m.youtube.com/watch?v=JOC7L91CxyU&feature=youtu.be →

DIY Olympics video effects

Tomi Engdahl — Sat, 06 Aug 2016 17:45:41 +0000

http://www.epanorama.net/newepa/2013/04/07/css3-used-for-video-effects/

This article from few years back tells how to make similar video effects as used in Olympics swimming.

Moog synthesizer

Tomi Engdahl — Tue, 24 May 2016 09:56:02 +0000

Robert Moog is considered the inventor of the modern synthesizer. Robert Moog, inventor of the modern synthesizer, was born on May 23, 1934. Moog is credited with creating the first voltage-controlled subtractive synthesizer to utilize a keyboard as a controller. He demonstrated it at the AES convention in 1964. In the mid-1960s, Dr. Robert Moog unleashed a new universe of sounds into musicdom with his invention of the electronic analog Moog Synthesizer. The Moog synthesizer made a name for itself in the music industry after it was demonstrated at the Monterey International Pop Festival in 1967.

Moog sounds come to define a generation of music, featuring heavily in songs by The Beatles, The Doors, Stevie Wonder, Kraftwerk and many others. Those sounds are still nearly 50 years later, regarded by many professional musicians as the epitome of an electronic instrument. In fact, as renewed interest in these monolithic beasts continues to grow, Moog’s influence on modern music remains as profound as ever. So it is a good idea to take a look at Bob Moog’s Beautifully Intricate Drawings of Synth Circuits. You can find them at Bob Moog Foundation schematics section.

Few years ago Google made for Robert Moog’s 78th Birthday this interactive Moog synthetizer simulator on your browser. The sound is generated natively using the Web Audio API. This doodle also takes advantage of JavaScript,Closure libraries, CSS3 and tools like Google Web Fonts, the Google+ API, the Google URL Shortener and App Engine.

The web is DOOM’d: Average page now as big as id’s DOS classic • The Register

Tomi Engdahl — Sat, 23 Apr 2016 08:23:32 +0000

http://www.theregister.co.uk/2016/04/22/web_page_now_big_as_doom/ Today’s bloated web pages can be bigger than installable applications in 1990′s! →