Early Perspectives on Inter Racial Relationships Among Children c. 1916 : Two kids join a lodge

Bobby Bumps was the titular character of a series of American silent animated short subjects produced by Bray Productions from 1915–25. Inspired by R. F. Outcault's Buster Brown, Bobby Bumps was a little boy who, accompanied by his dog Fido, regularly found himself in and out of mischief. Each cartoon begins with a cartoonist's hand drawing Bobby, Fido and the backgrounds.

The first two cartoons were released in 1915 by Universal; the next few years' titles were released by Paramount Pictures as part of their Paramount Bray Pictograph and, later, Paramount Magazine short-subjects packages. Mid-1920s episodes were released by Educational Pictures.

The series was created by Earl Hurd, who directed and/or animated most of the films. The Bobby Bumps cartoons were the first to be produced using the cel animation process. Previously, animated cartoons were produced using paper animation: a new drawing was made for each frame of film. With cel animation, Bray drew his characters on clear sheets of celluloid, which he placed over still backgrounds during the photography process. Cel animation revolutionized the animation industry, and Hurd and his employer J.R. Bray held a patent for the process (and received licensing payments from all studios using the process) until 1932.

https://en.wikipedia.org/wiki/Bobby_Bumps