Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 52    Views: 231

Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
01/15/13 01:11 AM (13 years ago)

Buzz Carousel now available

The buzz carousel is now available. this is a 3d menu plugin, with a variety of uses. Can be used as a button menu, image gallery just link the next screen as a (blankscreen with your image fullscreen with a nice fade effect). Can scroll vertical or horizontal, with autorotate. Realtime reflections no need to fake them. Here are some videos to check what it can look like http://youtu.be/Gga-d-3sr-I http://youtu.be/iKV5LEESdRI http://youtu.be/Gga-d-3sr-I
 
Absentia
buzztouch Evangelist
Profile
Posts: 960
Reg: Oct 20, 2011
Alaska
20,600
like
01/15/13 01:17 AM (13 years ago)
What?! I wasn't expecting this so soon - buying it now! Awesome news
 
Kaybee
buzztouch Evangelist
Profile
Posts: 659
Reg: Sep 22, 2012
Perth, Australi...
44,690
like
01/15/13 01:18 AM (13 years ago)
Awesomeness !!!!! quickest sale ever !! Love your work @Kittsy
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 01:20 AM (13 years ago)
Lets make some pretty apps
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
01/15/13 01:43 AM (13 years ago)
Oh that's nice :) Cheers! -- Smug
 
Absentia
buzztouch Evangelist
Profile
Posts: 960
Reg: Oct 20, 2011
Alaska
20,600
like
01/15/13 01:45 AM (13 years ago)
Just tested it and it's working perfect! Amazingly customizable too...thanks a lot for this - it's so cool having new menu alternatives
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 01:49 AM (13 years ago)
Yeah, there are loads, of different options and controls.
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 01:52 AM (13 years ago)
@absentia I'm made up it works for you, my biggest fear of making these plugins is that they won't work
 
hacerapps
buzztouch Evangelist
Profile
Posts: 542
Reg: Jan 30, 2011
usa
11,170
like
01/15/13 02:13 AM (13 years ago)
wohoooo getting it right now thanks Kittsy
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 02:25 AM (13 years ago)
Great stuff, I look forward to seeing the apps you are all making with it. Any questions drop me a line
 
PSMDanny
Apple Fan
Profile
Posts: 1166
Reg: Dec 09, 2011
Heerlen
21,940
like
01/15/13 02:54 AM (13 years ago)
Hi Kittsy, Congratulations on this one!! A big step forwards again for Buzztouch..... Best Regards, Danny
 
Stobe
buzztouch Evangelist
Profile
Posts: 1528
Reg: Mar 04, 2011
Fredericksburg,...
24,680
like
01/15/13 04:27 AM (13 years ago)
Beautiful plugin! Is there any plans to add a row title (text label) to display the currently selected item?
 
MadRod
Aspiring developer
Profile
Posts: 1853
Reg: Apr 12, 2012
Lisbon
27,930
like
01/15/13 04:42 AM (13 years ago)
Great plugin. Finally. Thanks man. Cheers. Miguel
 
LA
Aspiring developer
Profile
Posts: 3280
Reg: Aug 16, 2012
Jerseyville, IL
42,900
like
01/15/13 05:53 AM (13 years ago)
Nice job @Kittsy! LA
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 06:11 AM (13 years ago)
@stobe there is a label option in the control panel. You are best repositioning it in interface builder when you have decided which carousel you are using. As the various carousels they all overlap, plus when used i the vertical position it looks a little silly
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 06:18 AM (13 years ago)
For android developers out there I know this is only for iOS but will attempt to learn java over the next few weeks to get you a version.
 
ianJamesPiano
Code is Art
Profile
Posts: 2661
Reg: Feb 13, 2011
Palm Springs, C...
37,010
like
01/15/13 06:57 AM (13 years ago)
Sweet sweet plugin Kittsy!
 
Dragon007
Lost but trying
Profile
Posts: 1509
Reg: Dec 17, 2011
London
20,590
like
01/15/13 07:05 AM (13 years ago)
My prayers have been answered. Top plugin Kittsy, about to buy now!
 
andydahl
Aspiring developer
Profile
Posts: 209
Reg: Jul 20, 2011
Villa Grove
4,540
like
01/15/13 07:19 AM (13 years ago)
Looks very impressive, for sure Kittsy! One question: Do you have any screenshots of the control panel? Looking for information on options, customizations and how you interact with the plugin. I think that would be helpful in making decisions on these types of plug-ins. Thanks! Andy
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 07:37 AM (13 years ago)
No screenshot but here are the options Choice of 11 different cartousels,e.g time machine, cover scroll, rotary etc. you can see them in action on the vidoes above. You can choose whether it scrolls vertically or horizontally You can choose whether the carousel spins endlessy or stops at the start or end You can set it to auto rotate, choose speed and direction. Sizes of the images shown. You can add reflections (range full lenth to none, and the opacity of the releection, also the gap between the reflection and the image) The real hardcore option is to change the viewing angle of the carousel for a great 3d effect. As Absentia says there are many ways of making this customisable, and with all the tweaks it's very possible to create a menu that no one else has got. Hope that helps.
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 07:39 AM (13 years ago)
oops forgot one and you can add a label just incase your image isn't obvious or your using it as a gallery
 
andydahl
Aspiring developer
Profile
Posts: 209
Reg: Jul 20, 2011
Villa Grove
4,540
like
01/15/13 07:46 AM (13 years ago)
Thanks! Appreciate the information. Andy
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
01/15/13 07:54 AM (13 years ago)
Awesome! Hooray for payday so now I can add some market credit and grab the final version. Can't wait to see that viewing angle in effect. Still amazed how you turned this into a menu. Never even looked at the control from that perspective when I first started using it. I was just happier not using Tapku for a coverflow since that was so difficult to add! They still don't even have any 'didselectrowatindexpath' in their control to make items selectable. I showed this to a guy who forked Tapku for that functionality and he borrowed some code snippets to finish his project. Way to destroy the code, add the horizontal view and add the reflections. This thing is just killer, so many possibilities! Hope it sells well - no other app builder has a customizable menu anywhere near this quality. Top Notch, awesome work Kittsy!
 
Outbreak
buzztouch Evangelist
Profile
Posts: 452
Reg: May 30, 2011
Colorado
14,620
like
01/15/13 08:02 AM (13 years ago)
Excited about Android version. Will buy when it comes out.
 
mysps
Code is Art
Profile
Posts: 2082
Reg: May 14, 2011
Palma
33,320
like
01/15/13 08:59 AM (13 years ago)
Great plugin Kittsy!!! @ATRAIN .. Yippie to pay day! every little penny I earn I put it back into buzztouch to get awesome plugins from developers :) Loving it
 
0z2000tv
Aspiring developer
Profile
Posts: 315
Reg: Sep 10, 2011
Nashville
11,950
like
01/15/13 09:24 AM (13 years ago)
WOW! Looks great. Dusted off credit card for this one. Kittsy took the Plug-in market up another notch today. Mike
 
SheriDee
Code is Art
Profile
Posts: 1094
Reg: Sep 23, 2011
location unknow...
22,840
like
01/15/13 11:20 AM (13 years ago)
Yeah! Spending my credits finally!!!!
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 11:29 AM (13 years ago)
Sheri you can send me money whenever you want. I'll do a Tina Turner for you over web cam, "I'm a private dancer, a dancer for money ........."
 
tonycelestino
Aspiring developer
Profile
Posts: 213
Reg: Jun 24, 2011
Maceio
4,080
like
01/15/13 01:22 PM (13 years ago)
Great plugin... is it iPad compatible?
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 01:24 PM (13 years ago)
yes it's iPad compatible
 
tonycelestino
Aspiring developer
Profile
Posts: 213
Reg: Jun 24, 2011
Maceio
4,080
like
01/15/13 01:26 PM (13 years ago)
Thanks @Kittsy... Will buy it as soon as I start using 2.0... I'm still 1.5 old school BT user! Lol
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 01:28 PM (13 years ago)
Yeah no probs any questions just ask
 
KozmoWeb
Aspiring developer
Profile
Posts: 342
Reg: Dec 08, 2012
Sarasota, FL
8,520
like
01/15/13 01:56 PM (13 years ago)
I have to echo @ATRAIN53 - I have to start saving my lunch-money for some plugins!
 
Absentia
buzztouch Evangelist
Profile
Posts: 960
Reg: Oct 20, 2011
Alaska
20,600
like
01/15/13 02:51 PM (13 years ago)
I wonder...will Apple take issue with certain implementations of this plugin for resembling their itunes cover flow design or do they not care about that particular trademark? It only popped into my head this morning because they've been coming down hard lately on interfaces that resemble the iOS springboard design Not to be a buzzkill or anything - I'm still psyched about it and can't wait to get an app out there that uses it
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 02:55 PM (13 years ago)
people who have implemented the icarousel have put examples on nicklockwoods page so I'm guessing aslong as you don't make it exactly like album art, round the corners and customize it to the best of your ability, there shouldn't be a problem. It's the reviewers, you could put it to different reviewers and they say different things.
 
mysps
Code is Art
Profile
Posts: 2082
Reg: May 14, 2011
Palma
33,320
like
01/15/13 02:58 PM (13 years ago)
I bet it will depend on your reviewer. If they hassle you, I guess you could refer to these apps that have a cover flow look https://itunes.apple.com/us/app/icarousel-image-search/id476296112?mt=8 https://itunes.apple.com/us/app/album-flow-pro/id390880051?mt=8 (recently updated) https://itunes.apple.com/us/app/photos-flow-free/id424402371?mt=8
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 03:06 PM (13 years ago)
Good find mysps, it looks great the effect, so much for menu lists lol
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/15/13 03:07 PM (13 years ago)
and they are only showing the cover flow there are another 10 variations. I'm so happy I've been able to get this working on buzztouch
 
mysps
Code is Art
Profile
Posts: 2082
Reg: May 14, 2011
Palma
33,320
like
01/15/13 03:10 PM (13 years ago)
with the many options that you've added. I doubt we will have any problem! im happy for you buddy -- can't wait until you tackle android. :)
 
Absentia
buzztouch Evangelist
Profile
Posts: 960
Reg: Oct 20, 2011
Alaska
20,600
like
01/15/13 04:44 PM (13 years ago)
Alright thanks guys, I'm not too worried about it - like you said these things always just come down to the reviewer
 
JimmySaver
Aspiring developer
Profile
Posts: 187
Reg: Apr 09, 2012
location unknow...
5,870
like
01/16/13 01:35 AM (13 years ago)
Jeez Kittsy! What a busy, talented chap you are! You know your plugins are making my life a lot easier...
 
SheriDee
Code is Art
Profile
Posts: 1094
Reg: Sep 23, 2011
location unknow...
22,840
like
01/16/13 02:15 AM (13 years ago)
I think we need to get you on a google hangout dance off! Keep hacking that code Mr....I will keep throwing the pennies your way!
 
Korkut Ata
Aspiring developer
Profile
Posts: 108
Reg: Aug 09, 2011
Luxembourg
11,580
like
01/16/13 03:49 AM (13 years ago)
Thanks for the great plugin, just started using straight away. One question: Is there a way to change the pic sizes according to the device, i.e. Ipad vs. Iphone?
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/16/13 03:56 AM (13 years ago)
It should automatically stretch and shrink the images
 
Korkut Ata
Aspiring developer
Profile
Posts: 108
Reg: Aug 09, 2011
Luxembourg
11,580
like
01/16/13 05:13 AM (13 years ago)
Thanks for the prompt reply. I will try and see.
 
mysps
Code is Art
Profile
Posts: 2082
Reg: May 14, 2011
Palma
33,320
like
01/16/13 03:26 PM (13 years ago)
@Kittsy I have the same question as Korkut Ata.. I've been playing with the iPad version and image does not exactly stretch according to your response above. Of course, I could place an if statement if ipad is present (correct)? I had a brief look.. It looks very small on the ipad so maybe you can clarify how that works thanks!
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/17/13 09:57 AM (13 years ago)
apologies guys, I must have ommitted the ipad version when I got the awesome reflections working. I will make a change to the plugin as soon as , for thouse who can't wait. here is the fix. Replace this method in the buzz_carousel.m //viewForItemAtIndex with reflection... -(UIView*)carousel:(iCarousel *)carousel viewForItemAtIndex:(NSUInteger)index reusingView:(ReflectionView *)view{ [BT_debugger showIt:self:@"viewForItemAtIndex"]; //return a standard UIImageView object with the image from the array of images... view = [[[ReflectionView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 200.0f, 200.0f)] autorelease]; UIImageView *button = [[[UIImageView alloc]initWithFrame:CGRectMake(0.0f, 0.0f, 200.0f, 200.0f)] autorelease]; [view addSubview:button]; button.image= [UIImage imageNamed:[AKAlbums objectAtIndex:index]]; if (aCarousel.vertical == 1 | aCarousel.type == iCarouselTypeWheel | aCarousel.type == iCarouselTypeInvertedWheel | aCarousel.type == iCarouselTypeInvertedRotary) { view.reflectionAlpha = 0; view.reflectionScale = 0; }else{ view.reflectionGap = [[BT_strings getJsonPropertyValue:screenData.jsonVars:@"AKGap":@"4"]floatValue]; view.reflectionAlpha = [[BT_strings getJsonPropertyValue:screenData.jsonVars:@"AKOpacity":@"0.5"]floatValue]; view.reflectionScale = [[BT_strings getJsonPropertyValue:screenData.jsonVars:@"AKScale":@"0.5"]floatValue]; } [view update]; return view; } with //viewForItemAtIndex with reflection... -(UIView*)carousel:(iCarousel *)carousel viewForItemAtIndex:(NSUInteger)index reusingView:(ReflectionView *)view{ [BT_debugger showIt:self:@"viewForItemAtIndex"]; UIImageView *button; if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone) { //return a standard UIImageView object with the image from the array of images... view = [[[ReflectionView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 200.0f, 200.0f)] autorelease]; button = [[[UIImageView alloc]initWithFrame:CGRectMake(0.0f, 0.0f, 200.0f, 200.0f)] autorelease]; }else if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad){ //return a standard UIImageView object with the image from the array of images... view = [[[ReflectionView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 400.0f, 400.0f)] autorelease]; button = [[[UIImageView alloc]initWithFrame:CGRectMake(0.0f, 0.0f, 400.0f, 400.0f)] autorelease]; } [view addSubview:button]; button.image= [UIImage imageNamed:[AKAlbums objectAtIndex:index]]; if (aCarousel.vertical == 1 | aCarousel.type == iCarouselTypeWheel | aCarousel.type == iCarouselTypeInvertedWheel | aCarousel.type == iCarouselTypeInvertedRotary) { view.reflectionAlpha = 0; view.reflectionScale = 0; }else{ view.reflectionGap = [[BT_strings getJsonPropertyValue:screenData.jsonVars:@"AKGap":@"4"]floatValue]; view.reflectionAlpha = [[BT_strings getJsonPropertyValue:screenData.jsonVars:@"AKOpacity":@"0.5"]floatValue]; view.reflectionScale = [[BT_strings getJsonPropertyValue:screenData.jsonVars:@"AKScale":@"0.5"]floatValue]; } [view update]; return view; } Apologies for any confusion, I get the plugin updated
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/17/13 10:06 AM (13 years ago)
and also change the carouselItemWidth method to this below //carouselItemWidth... -(CGFloat)carouselItemWidth:(iCarousel *)carousel{ //[BT_debugger showIt:self:@"carouselItemWidth"]; //This needs to be wider than the image or the items have no space between them. //That might be a desirable effect in some instances. int imagewidth; if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone){ imagewidth = [[BT_strings getJsonPropertyValue:self.screenData.jsonVars:@"iCarouselImageWidth":@"200"]intValue]; } else if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad){ imagewidth = ([[BT_strings getJsonPropertyValue:self.screenData.jsonVars:@"iCarouselImageWidth":@"200"]intValue]*2); } return imagewidth; }
 
mysps
Code is Art
Profile
Posts: 2082
Reg: May 14, 2011
Palma
33,320
like
01/17/13 11:23 AM (13 years ago)
Worked like a charm Kittsy!!! Thanks so much :D Almost close to submitting an app with this plugin. yippy
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
01/17/13 11:25 AM (13 years ago)
cool can't wait to see it. Sorry for the initial inconvenience
 
mysps
Code is Art
Profile
Posts: 2082
Reg: May 14, 2011
Palma
33,320
like
02/01/13 05:41 AM (12 years ago)
@Kitty. I noticed on my app that before the carousel loads, I see the word "one". I thought it was only my app or something I mistakenly did, however, the @xtremeesolutions posted his app and I notice the same in his. https://itunes.apple.com/it/app/love-messages/id515280216?l=en&mt=8 Is there a reason behind it or a way to remove it? Did you face this as well. thanks!
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
02/01/13 06:29 AM (12 years ago)
That is placeholder text, it is there to stop the carousel crashing whilst it builds, I've not noticed this, if you look in the .m file there may be text somewhere may look like @"one" change it to @"" see if that makes a difference. I'll take a look when I get to the mac
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
02/01/13 06:32 AM (12 years ago)
This method here, does it show every time or just when first loaded. //initWithNibName... -(id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil{ [BT_debugger showIt:self:@"initWithNibName"]; self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]; if (self) { //init arrays... self.AKAlbums = [[NSMutableArray alloc] init]; self.descriptions = [[NSMutableArray alloc] init]; //add two emtpy images so carousel can load before data is parsed... [self.AKAlbums addObject:@"blank.png"]; [self.AKAlbums addObject:@"blank.png"]; //add two emtpy descriptions so carousel can load before data is parsed... [self.descriptions addObject:@"one"]; [self.descriptions addObject:@"two"]; } //all done... return self; }
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.